Owen Leonard
660d7bbd5e
This patch makes markup and CSS changes to the system preference
interface so that it is visually clearer that language preferences
(language and opaclanguages) can be re-ordered by the user to control
the sequence of their appearance in language-selection menus.
This patch makes some minor markup changes (including some whitespace
fixes -- diff accordingly) in order to make it easier to apply these CSS
changes.
To test you should have more than one translation installed. Apply the
patch and clear your browser cache if necessary.
- Go to Administration -> System preferences -> I18N/L10N
- The 'language' and 'opaclanguages' system preferences should show the
new style.
- Each language should show a "move" cursor when the mouse hovers
over the "box."
- Dragging and dropping the languages should work correctly, and
changes should be reflected in language menus.
Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com>
Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>
Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>
Signed-off-by: Nick Clemens <nick@bywatersolutions.com>
131 lines
No EOL
2.1 KiB
CSS
131 lines
No EOL
2.1 KiB
CSS
.preference-url, .preference-multi, .preference-long, .preference-file {
|
|
width: 20em;
|
|
}
|
|
|
|
.preference-short, .preference-email {
|
|
width: 10em;
|
|
}
|
|
|
|
.preference-integer, .preference-percent, .preference-date, .preference-currency {
|
|
width: 5em;
|
|
}
|
|
|
|
textarea.preference {
|
|
width: 35em;
|
|
height: 20em;
|
|
display: block;
|
|
}
|
|
|
|
textarea.preference-code, .preference-file {
|
|
font-family: monospace;
|
|
}
|
|
|
|
a.expand-textarea {
|
|
display: block;
|
|
}
|
|
dl {
|
|
margin-left : 1em;
|
|
}
|
|
dt {
|
|
padding : .1em;
|
|
}
|
|
h1 {
|
|
font-size : 149%;
|
|
}
|
|
h2 {
|
|
font-size : 134%;
|
|
}
|
|
|
|
table {
|
|
width : 100%;
|
|
}
|
|
|
|
caption {
|
|
color : #003399;
|
|
}
|
|
|
|
h3 {
|
|
color : #003366;
|
|
margin : .4em 0;
|
|
width : 40%;
|
|
}
|
|
|
|
h3.expanded {
|
|
background: transparent url("../img/collapse.gif") 0 6px no-repeat;
|
|
cursor : pointer;
|
|
padding-left : 12px;
|
|
}
|
|
|
|
h3.collapsed {
|
|
background: transparent url("../img/expand.gif") 0 6px no-repeat;
|
|
cursor : pointer;
|
|
padding-left : 12px;
|
|
}
|
|
|
|
.humanMsg strong {
|
|
display: block;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#yui-main {
|
|
margin-bottom:2em;
|
|
}
|
|
#toolbar.floating {
|
|
box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.5);
|
|
border-radius: 0;
|
|
}
|
|
|
|
.loading {
|
|
display: inline-block;
|
|
height : 16px;
|
|
width: 16px;
|
|
background: transparent url("../img/spinner-small.gif") top left no-repeat;
|
|
padding : 0 4px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
span.overridden {
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
color: red;
|
|
}
|
|
|
|
.sortable {
|
|
margin-left: 0;
|
|
max-width: 20em;
|
|
padding: .5em 0;
|
|
}
|
|
|
|
.sortable label {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sortable li {
|
|
background: #FCFCFC url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMAQMAAABoTh6ZAAAABlBMVEVMaXHExMQ/ZYtiAAAAAXRSTlMAQObYZgAAABNJREFUeNpjYGBgMDYAIQjAxgYAKfECU0ml038AAAAASUVORK5CYII=") repeat-y;
|
|
border: 1px solid #EEE;
|
|
cursor: move;
|
|
font-weight: bold;
|
|
list-style-type: none;
|
|
margin: .5em 0;
|
|
padding: .1em .5em;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.sortable li:hover {
|
|
background-color: #FFC;
|
|
}
|
|
|
|
.sortable li li {
|
|
background: transparent none;
|
|
border: 0;
|
|
font-weight: normal;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.sortable li li label {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sortable li.ui-sortable-helper {
|
|
background-color: #FFC;
|
|
} |