Fixed linked combos, gtk4 entries. Improved dialogs, spinbuttons. Calendars.
This commit is contained in:
parent
6531a8a77a
commit
a7d81a2e4f
|
@ -26,7 +26,7 @@ button:disabled, .button:disabled, .view:disabled, tab:disabled, check:disabled,
|
|||
/* selections */
|
||||
|
||||
selection,
|
||||
.view:selected:focus, .view:selected, iconview:selected,
|
||||
.view:selected:focus, .view:selected, iconview:selected, calendar:selected,
|
||||
.nautilus-window notebook:selected, .nautilus-window notebook > stack:selected:not(:only-child),
|
||||
.nautilus-window notebook > stack:not(:only-child) searchbar:selected,
|
||||
.view text:selected, iconview text:selected, textview text:selected, row:selected, row.has-open-popup,
|
||||
|
@ -44,10 +44,19 @@ selection:focus-within { background-color: alpha(@accent_bg_color,1); }
|
|||
color: @view_fg_color;
|
||||
}
|
||||
|
||||
|
||||
list > row {
|
||||
padding: 0.3em;
|
||||
}
|
||||
|
||||
scrolledwindow > viewport > list > row:dir(ltr) { /* these two are to avoid content under the damn overlay scrollbars */
|
||||
padding-right: 1em;
|
||||
}
|
||||
scrolledwindow > viewport > list > row:dir(rtl) {
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
|
||||
list.rich-list > row, stacksidebar row {
|
||||
min-height: 2em;
|
||||
}
|
||||
|
@ -97,6 +106,7 @@ button, arrow, tab, .button {
|
|||
background-color: alpha(currentColor,0.1);
|
||||
outline-color: mix(currentColor,mix(currentColor,@window_bg_color,0.9),0.7);
|
||||
margin: 1px;
|
||||
background-clip: border-box;
|
||||
|
||||
}
|
||||
|
||||
|
@ -139,13 +149,13 @@ radiobutton, radio {
|
|||
}
|
||||
|
||||
button:hover, arrow:hover, tab:hover, .button:hover,
|
||||
button:focus
|
||||
button:focus, .button:focus
|
||||
{
|
||||
box-shadow: inset 0 -.1em 0 0 alpha(@accent_color, 0.7);
|
||||
}
|
||||
|
||||
button:hover:checked, arrow:hover:checked, tab:hover:checked, .button:hover:checked,
|
||||
button:focus:checked
|
||||
button:focus:checked, .button:focus:checked
|
||||
{
|
||||
box-shadow: inset 0 -.2em 0 0 alpha(@accent_color, 0.75);
|
||||
}
|
||||
|
@ -159,12 +169,30 @@ button:checked:disabled, arrow:checked:disabled, tab:checked:disabled, .button:c
|
|||
box-shadow: inset 0 -.2em 0 0 currentColor;
|
||||
}
|
||||
|
||||
button.star {
|
||||
button.star { /* in Nautilus, at least */
|
||||
min-height: 1em;
|
||||
min-width: 1em;
|
||||
padding: 0.2em;
|
||||
}
|
||||
|
||||
scrollbar.vertical button.up {
|
||||
-gtk-icon-source: -gtk-icontheme("arrow-up");
|
||||
}
|
||||
scrollbar.vertical button.down {
|
||||
-gtk-icon-source: -gtk-icontheme("arrow-down");
|
||||
}
|
||||
|
||||
scrollbar.horizontal button.up:dir(ltr),
|
||||
scrollbar.horizontal button.down:dir(rtl) {
|
||||
-gtk-icon-source: -gtk-icontheme("arrow-left");
|
||||
}
|
||||
scrollbar.horizontal button.down:dir(ltr),
|
||||
scrollbar.horizontal button.up:dir(rtl) {
|
||||
-gtk-icon-source: -gtk-icontheme("arrow-right");
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* entry, row.netry, spinbutton */
|
||||
entry, .entry, spinbutton text {
|
||||
|
@ -193,10 +221,27 @@ placeholder {
|
|||
color: alpha(currentColor, 0.4);
|
||||
}
|
||||
|
||||
spinbutton {
|
||||
background-color: @view_bg_color;
|
||||
padding: 1px;
|
||||
margin: 0;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
|
||||
spinbutton.horizontal:dir(ltr) {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
spinbutton.horizontal:dir(rtl) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
spinbutton button {
|
||||
min-width: 1em;
|
||||
min-height: 1em;
|
||||
padding: 0.2em;
|
||||
|
||||
}
|
||||
|
||||
/* dropdown */
|
||||
|
@ -609,6 +654,8 @@ stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-
|
|||
|
||||
/* calendar */
|
||||
/* see scrollbar buttons */
|
||||
/* calendar moved to the separate gtk.css because they're too different*/
|
||||
|
||||
|
||||
|
||||
/* plane */
|
||||
|
@ -655,12 +702,14 @@ stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-
|
|||
|
||||
.title {
|
||||
font-weight: 700;
|
||||
font-feature-settings: "zero"; /* in titles, it can be interesting to differentiate clearly between 0 and O, if the OTF font allows it */
|
||||
}
|
||||
.subtitle {
|
||||
font-style: italic;
|
||||
font-size: 90%;
|
||||
font-feature-settings: "zero";
|
||||
}
|
||||
.mono, .monospace {
|
||||
.mono, .monospace { /* blind shot */
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
|
@ -672,31 +721,37 @@ stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-
|
|||
|
||||
/* .linked: we shall avoid */ /* or not...*/
|
||||
|
||||
.linked > button:first-child:not(:only-child) {
|
||||
.linked > button:first-child:not(:only-child),
|
||||
.linked > combobox:first-child:not(:only-child) button.combo {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
.linked > button:last-child:not(:only-child) {
|
||||
.linked > button:last-child:not(:only-child),
|
||||
.linked > combobox:last-child:not(:only-child) button.combo {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
|
||||
.linked > button:not(:first-child):not(:last-child) {
|
||||
.linked > button:not(:first-child):not(:last-child),
|
||||
.linked > combobox:not(:first-child):not(:last-child) button.combo {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.linked > button:not(:only-child) {
|
||||
.linked > button:not(:only-child),
|
||||
.linked > combobox:not(:only-child) button.combo {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.linked.vertical > button:first-child:not(:only-child) {
|
||||
.linked.vertical > button:first-child:not(:only-child),
|
||||
.linked.vertical > combobox:first-child:not(:only-child) button.combo {
|
||||
border-radius: 0.5em;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
|
||||
.linked.vertical > button:last-child:not(:only-child) {
|
||||
.linked.vertical > button:last-child:not(:only-child),
|
||||
.linked.vertical > combobox:last-child:not(:only-child) button.combo {
|
||||
border-radius: 0.5em;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
|
@ -711,6 +766,9 @@ margin: 0;
|
|||
/* window... &.csd, &.csd:backdrop, what about .tiled, what about &.solid-csd, &.ssd, &.messagedialog .message-area, .response-area, .about */
|
||||
/* part of this needs to be adressed separately between gtk3 and gtk4 */
|
||||
|
||||
.dialog-action-box, .dialog-vbox {
|
||||
padding: 0.3em;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
@ -858,6 +916,18 @@ spinner:checked {animation: spin 1s linear infinite;}
|
|||
|
||||
/* gridview, flowbox */
|
||||
|
||||
flowboxchild {
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
flowboxchild:selected {
|
||||
background-color: @accent_bg_color;
|
||||
color: @accent_fg_color;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* banner */
|
||||
|
||||
/* flap */
|
||||
|
|
|
@ -53,3 +53,17 @@ decoration:backdrop {
|
|||
0 0 0 1px @headerbar_backdrop_color;
|
||||
}
|
||||
|
||||
|
||||
/* calendar */
|
||||
|
||||
calendar:selected {
|
||||
color: @accent_fg_color;
|
||||
background-color: @accent_bg_color;
|
||||
}
|
||||
calendar.highlight { /* weekdays' names */
|
||||
color: alpha(currentColor, 0.5);
|
||||
}
|
||||
calendar:indeterminate { /* days numbers of previous or next month */
|
||||
color: alpha(currentColor, 0.3);
|
||||
}
|
||||
|
||||
|
|
|
@ -30,6 +30,8 @@ color: @popover_fg_color;
|
|||
}
|
||||
|
||||
|
||||
|
||||
|
||||
entry > progress {
|
||||
margin-bottom: -0.5em;
|
||||
}
|
||||
|
@ -38,6 +40,9 @@ entry trough > progress {
|
|||
box-shadow: inset 0 -0.1em 0 0 @accent_color, 0 0.1em 0 0 @accent_color;
|
||||
border-radius: 0;
|
||||
}
|
||||
entry {
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
entry trough, entry > progress {
|
||||
background-color: unset;
|
||||
|
@ -61,3 +66,27 @@ background-color: unset;
|
|||
box-shadow: 0 0.5em 1em 0 alpha(black, 0.5),
|
||||
0 0 0 1px @headerbar_backdrop_color;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* calendar */
|
||||
|
||||
calendar {
|
||||
font-feature-settings: "tnum";
|
||||
}
|
||||
calendar > grid > label.day-name {
|
||||
font-style: italic;
|
||||
}
|
||||
calendar > grid > label.week-number {
|
||||
font-size: 80%;
|
||||
}
|
||||
calendar > grid > label.today {
|
||||
box-shadow: inset 0 0 0 1px @success_color;
|
||||
}
|
||||
calendar > grid > label:focus {
|
||||
color: @accent_fg_color;
|
||||
background-color: @accent_bg_color;
|
||||
}
|
||||
calendar > grid > label.day-number.other-month {
|
||||
color:alpha(currentColor, 0.4);
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue