mirror of
https://github.com/zotero/zotero.git
synced 2026-10-09 03:18:01 +00:00
b3223dd94b
- Remove the delete button below the style table - Make selected rows stand out less. They will only have an outline, like focused rows. This should remove the impression that this is the table where one selects the style for citations. - Add minus icon buttons to each row to delete the style without having to select the row. The icon of the selected row is focusable, so it can be tabbed onto. - improve labels and appearance of buttons to add a new style - move "Reset Styles…" to "Cite" section and rename to "Restore Default Styles…"
84 lines
1.7 KiB
SCSS
84 lines
1.7 KiB
SCSS
#wordProcessors > label:not(:first-child) {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
#wordProcessorInstallers {
|
|
margin-block: 0.5em;
|
|
}
|
|
|
|
#wordProcessorInstallers > groupbox > label > h2 {
|
|
/* Override spacing added between groupboxes */
|
|
margin-top: 0.5em !important;
|
|
}
|
|
|
|
#styleManager
|
|
{
|
|
height: 250px;
|
|
max-height: 250px;
|
|
}
|
|
|
|
#styleManager-updated
|
|
{
|
|
width: 105px;
|
|
}
|
|
|
|
|
|
#openCSLEdit {
|
|
margin-inline-end: 6px;
|
|
}
|
|
|
|
#reset-styles-button {
|
|
margin-inline-end: auto;
|
|
}
|
|
|
|
#styleManager-buttons {
|
|
@media (-moz-platform: windows) {
|
|
// move "Get Additional Styles" to default primary button position on the left
|
|
flex-direction: row-reverse;
|
|
// undo default button margin
|
|
#reset-styles-button, #get-additional-styles-button {
|
|
margin-inline: 0;
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
#add-from-file-button {
|
|
margin-inline: 6px;
|
|
}
|
|
|
|
#styleManager {
|
|
.virtualized-table {
|
|
.row {
|
|
// transparent border so that when .selected adds the border below, nothing shifts
|
|
border: 1px solid transparent;
|
|
&.odd {
|
|
background-color: var(--material-stripe);
|
|
}
|
|
&.even {
|
|
background-color: var(--material-background);
|
|
}
|
|
}
|
|
// Override styling of selected rows
|
|
.row.selected {
|
|
color: var(--fill-primary);
|
|
// Override background-colors above
|
|
.icon-action {
|
|
.icon {
|
|
fill: var(--fill-secondary) !important;
|
|
}
|
|
&:hover:not([disabled]) {
|
|
background-color: var(--fill-quinary);
|
|
}
|
|
&:active:not([disabled]) {
|
|
background-color: var(--fill-quarternary);
|
|
}
|
|
}
|
|
}
|
|
&:focus .row.selected {
|
|
// selected rows get a subtle dotted border only when the table is focused
|
|
// to not create an impression that the selected style will be used for citing
|
|
border: var(--default-focusring-width) dotted var(--color-accent);
|
|
}
|
|
}
|
|
}
|