Fixed uneven border-radius for tooltips. Investigating GTK4 poor perfomence (due to some box-shadows)
This commit is contained in:
parent
a160defeca
commit
b6c57cdd45
5 changed files with 43 additions and 10659 deletions
|
@ -210,10 +210,10 @@ decoration {
|
||||||
.ssd decoration {
|
.ssd decoration {
|
||||||
box-shadow: 0 4px 8px -4px alpha(black, 0.23); }
|
box-shadow: 0 4px 8px -4px alpha(black, 0.23); }
|
||||||
.csd.popup decoration {
|
.csd.popup decoration {
|
||||||
border-radius: 0;
|
/*border-radius: 0;*/
|
||||||
box-shadow: 0px 0px 12px 0px alpha(black, 0.1), 0px 0px 4px 0px alpha(black, 0.4), 0px 0px 0px 1px alpha(black, 0.1); }
|
box-shadow: 0px 0px 12px 0px alpha(black, 0.1), 0px 0px 4px 0px alpha(black, 0.4), 0px 0px 0px 1px alpha(black, 0.1); }
|
||||||
tooltip.csd decoration {
|
tooltip.csd decoration {
|
||||||
border-radius: 5px;
|
/*border-radius: 5px;*/
|
||||||
box-shadow: 0 4px 8px -4px alpha(black, 0.23); }
|
box-shadow: 0 4px 8px -4px alpha(black, 0.23); }
|
||||||
messagedialog.csd decoration {
|
messagedialog.csd decoration {
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
|
@ -228,9 +228,9 @@ decoration {
|
||||||
.solid-csd decoration:backdrop {
|
.solid-csd decoration:backdrop {
|
||||||
box-shadow: inset 0 0 0 3px @theme_bg_color_breeze, inset 0 1px @wm_highlight; }
|
box-shadow: inset 0 0 0 3px @theme_bg_color_breeze, inset 0 1px @wm_highlight; }
|
||||||
|
|
||||||
.background.csd {
|
/*.background.csd {
|
||||||
border-bottom-left-radius: 1px;
|
border-bottom-left-radius: 1px;
|
||||||
border-bottom-right-radius: 1px; }
|
border-bottom-right-radius: 1px; }*/
|
||||||
|
|
||||||
button.titlebutton {
|
button.titlebutton {
|
||||||
/*text-shadow: 0 1px alpha(white, 0.769231);
|
/*text-shadow: 0 1px alpha(white, 0.769231);
|
||||||
|
|
|
@ -259,9 +259,9 @@ window.tiled-bottom {
|
||||||
box-shadow: inset 0 0 0 3px @theme_bg_color_breeze, inset 0 1px @wm_highlight; }
|
box-shadow: inset 0 0 0 3px @theme_bg_color_breeze, inset 0 1px @wm_highlight; }
|
||||||
|
|
||||||
*/
|
*/
|
||||||
.background.csd {
|
/*.background.csd {
|
||||||
border-bottom-left-radius: 1px;
|
border-bottom-left-radius: 1px;
|
||||||
border-bottom-right-radius: 1px; }
|
border-bottom-right-radius: 1px; }*/
|
||||||
|
|
||||||
button.titlebutton {
|
button.titlebutton {
|
||||||
/*text-shadow: 0 1px alpha(white, 0.769231);
|
/*text-shadow: 0 1px alpha(white, 0.769231);
|
||||||
|
|
|
@ -194,7 +194,7 @@ assistant .sidebar label.highlight {
|
||||||
.app-notification.frame, .osd .scale-popup,
|
.app-notification.frame, .osd .scale-popup,
|
||||||
.osd {
|
.osd {
|
||||||
color: @window_fg;
|
color: @window_fg;
|
||||||
border: none;
|
border: 1px solid mix(@window_fg, @window_bg, 0.5);
|
||||||
background-color: alpha(@window_bg, 0.7);
|
background-color: alpha(@window_bg, 0.7);
|
||||||
/*background-clip: padding-box;*/
|
/*background-clip: padding-box;*/
|
||||||
/*text-shadow: 0 1px black;
|
/*text-shadow: 0 1px black;
|
||||||
|
@ -2457,12 +2457,12 @@ searchbar,
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-color: @borders;
|
border-color: @borders;
|
||||||
background-color: shade(@window_bg, 1.05); }
|
background-color: shade(@window_bg, 1.05); }
|
||||||
.inline-toolbar:backdrop, searchbar:backdrop,
|
/*.inline-toolbar:backdrop, searchbar:backdrop,
|
||||||
.location-bar:backdrop {
|
.location-bar:backdrop {
|
||||||
border-color: @unfocused_borders;
|
border-color: @unfocused_borders;
|
||||||
background-color: @window_bg;
|
background-color: @window_bg;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
transition: 80ms ease-out; }
|
transition: 80ms ease-out; }*/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@ -2675,7 +2675,7 @@ menubar,
|
||||||
.menubar {
|
.menubar {
|
||||||
/*-GtkWidget-window-dragging: true;*/
|
/*-GtkWidget-window-dragging: true;*/
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
box-shadow: inset 0 -1px alpha(black, 0.1); }
|
/*box-shadow: inset 0 -1px alpha(black, 0.1);*/ }
|
||||||
menubar:backdrop,
|
menubar:backdrop,
|
||||||
.menubar:backdrop {
|
.menubar:backdrop {
|
||||||
background-color: @window_bg; }
|
background-color: @window_bg; }
|
||||||
|
@ -2763,7 +2763,7 @@ menu,
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
box-shadow: inset 0 1px alpha(white, 0);
|
/*box-shadow: inset 0 1px alpha(white, 0);*/
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
-gtk-icon-shadow: none;
|
-gtk-icon-shadow: none;
|
||||||
min-height: 16px;
|
min-height: 16px;
|
||||||
|
@ -2819,24 +2819,25 @@ menuitem radio {
|
||||||
popover.background {
|
popover.background {
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
|
/*border: 1px solid mix(@window_fg, @window_bg, 0.5);*/
|
||||||
background-color: @window_bg;
|
background-color: @window_bg;
|
||||||
box-shadow: 0 0 4px alpha(black, 0.2), 0 0 2px alpha(black, 0.2); }
|
box-shadow: 0 0 4px alpha(black, 0.2), 0 0 2px alpha(black, 0.2); }
|
||||||
.csd popover.background, popover.background {
|
.csd popover.background, popover.background {
|
||||||
border: 1px solid shade(@window_bg, 1.15); }
|
border: 1px solid mix(@window_fg, @window_bg, 0.5); }
|
||||||
popover.background:backdrop {
|
popover.background:backdrop {
|
||||||
background-color: @window_bg;
|
background-color: @window_bg;
|
||||||
box-shadow: none; }
|
box-shadow: none; }
|
||||||
popover.background > list,
|
/* popover.background > list,
|
||||||
popover.background > .view,
|
popover.background > .view,
|
||||||
popover.background > iconview,
|
popover.background > iconview,
|
||||||
popover.background > toolbar {
|
popover.background > toolbar {
|
||||||
border-style: none;
|
border-style: none;
|
||||||
background-color: transparent; }
|
background-color: transparent; }*/
|
||||||
.csd popover.background.touch-selection,
|
.csd popover.background.touch-selection,
|
||||||
.csd popover.background.magnifier,
|
.csd popover.background.magnifier,
|
||||||
popover.background.touch-selection,
|
popover.background.touch-selection,
|
||||||
popover.background.magnifier {
|
popover.background.magnifier {
|
||||||
border: 1px solid shade(@window_bg, 1.05); }
|
border-width: 2px; }
|
||||||
popover.background separator {
|
popover.background separator {
|
||||||
margin: 3px; }
|
margin: 3px; }
|
||||||
popover.background list separator {
|
popover.background list separator {
|
||||||
|
@ -4178,7 +4179,7 @@ scrolledwindow viewport.frame {
|
||||||
|
|
||||||
|
|
||||||
overshoot.top {
|
overshoot.top {
|
||||||
background-image: radial-gradient(farthest-side at top, alpha(@selected_bg, 0.8) 0%, alpha(@selected_bg, 0.5) 50%, alpha(@selected_bg, 0) 100%);
|
background-image: radial-gradient(ellipse at top, alpha(shade(@selected_bg, 2), 0.8) 0%, alpha(@selected_bg, 0.5) 30%, alpha(@selected_bg, 0) 100%);
|
||||||
background-size: 100% 1em;
|
background-size: 100% 1em;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: center top;
|
background-position: center top;
|
||||||
|
@ -4188,7 +4189,7 @@ overshoot.top {
|
||||||
}
|
}
|
||||||
|
|
||||||
overshoot.bottom {
|
overshoot.bottom {
|
||||||
background-image: radial-gradient(farthest-side at bottom, alpha(@selected_bg, 0.8) 0%, alpha(@selected_bg, 0.5) 50%, alpha(@selected_bg, 0) 100%);
|
background-image: radial-gradient(ellipse at bottom, alpha(shade(@selected_bg, 2), 0.8) 0%, alpha(@selected_bg, 0.5) 30%, alpha(@selected_bg, 0) 100%);
|
||||||
background-size: 100% 1em;
|
background-size: 100% 1em;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: center bottom;
|
background-position: center bottom;
|
||||||
|
@ -4198,7 +4199,7 @@ overshoot.bottom {
|
||||||
}
|
}
|
||||||
|
|
||||||
overshoot.left {
|
overshoot.left {
|
||||||
background-image: radial-gradient(farthest-side at left, alpha(@selected_bg, 0.8) 0%, alpha(@selected_bg, 0.5) 50%, alpha(@selected_bg, 0) 100%);
|
background-image: radial-gradient(ellipse at left, alpha(shade(@selected_bg, 2), 0.8) 0%, alpha(@selected_bg, 0.5) 30%, alpha(@selected_bg, 0) 100%);
|
||||||
background-size: 1em 100%;
|
background-size: 1em 100%;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: left;
|
background-position: left;
|
||||||
|
@ -4208,7 +4209,7 @@ overshoot.left {
|
||||||
}
|
}
|
||||||
|
|
||||||
overshoot.right {
|
overshoot.right {
|
||||||
background-image: radial-gradient(farthest-side at right, alpha(@selected_bg, 0.8) 0%, alpha(@selected_bg, 0.5) 50%, alpha(@selected_bg, 0) 100%);
|
background-image: radial-gradient(ellipse at right, alpha(shade(@selected_bg, 2), 0.8) 0%, alpha(@selected_bg, 0.5) 30%, alpha(@selected_bg, 0) 100%);
|
||||||
background-size: 1em 100%;
|
background-size: 1em 100%;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: right;
|
background-position: right;
|
||||||
|
@ -4393,9 +4394,11 @@ scrolledwindow junction {
|
||||||
transition: 80ms ease-out; }
|
transition: 80ms ease-out; }
|
||||||
|
|
||||||
separator {
|
separator {
|
||||||
background: alpha(black, 0.1);
|
background: alpha(@borders, 0.1);
|
||||||
min-width: 1px;
|
min-width: 1px;
|
||||||
min-height: 1px; }
|
min-height: 1px;
|
||||||
|
margin: 0 0.5em;
|
||||||
|
/*padding: 0 0.5em;*/ }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@ -4518,7 +4521,6 @@ messagedialog .titlebar {
|
||||||
border-style: none;
|
border-style: none;
|
||||||
border-top-left-radius: 5px;
|
border-top-left-radius: 5px;
|
||||||
border-top-right-radius: 5px;
|
border-top-right-radius: 5px;
|
||||||
box-shadow: none;
|
|
||||||
box-shadow: inset 0px 1px 1px shade(@window_bg, 1.1); }
|
box-shadow: inset 0px 1px 1px shade(@window_bg, 1.1); }
|
||||||
|
|
||||||
messagedialog.csd.background {
|
messagedialog.csd.background {
|
||||||
|
@ -4527,20 +4529,20 @@ messagedialog.csd.background {
|
||||||
/* box-shadow: inset 0px 1px 1px shade(@window_bg, 1.1); */
|
/* box-shadow: inset 0px 1px 1px shade(@window_bg, 1.1); */
|
||||||
}
|
}
|
||||||
|
|
||||||
messagedialog.csd .dialog-action-area button {
|
/*messagedialog.csd .dialog-action-area button {
|
||||||
padding: 10px 14px;
|
padding: 10px 14px;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border-left-style: solid;
|
border-left-style: solid;
|
||||||
border-right-style: none;
|
border-right-style: none;
|
||||||
border-bottom-style: none;
|
border-bottom-style: none;
|
||||||
/*box-shadow: none;*/ }
|
box-shadow: none; }*/
|
||||||
messagedialog.csd .dialog-action-area button:first-child {
|
/* messagedialog.csd .dialog-action-area button:first-child {
|
||||||
border-left-style: none;
|
border-left-style: none;
|
||||||
border-bottom-left-radius: 2px;
|
border-bottom-left-radius: 2px;
|
||||||
/*-gtk-outline-bottom-left-radius: 1px;*/ }
|
-gtk-outline-bottom-left-radius: 1px; }
|
||||||
messagedialog.csd .dialog-action-area button:last-child {
|
messagedialog.csd .dialog-action-area button:last-child {
|
||||||
border-bottom-right-radius: 2px;
|
border-bottom-right-radius: 2px;
|
||||||
/*-gtk-outline-bottom-right-radius: 1px;*/ }
|
-gtk-outline-bottom-right-radius: 1px;}*/
|
||||||
|
|
||||||
filechooser .dialog-action-box {
|
filechooser .dialog-action-box {
|
||||||
border-top: 1px solid @borders; }
|
border-top: 1px solid @borders; }
|
||||||
|
@ -4727,11 +4729,12 @@ infobar {
|
||||||
color: @selected_fg; }
|
color: @selected_fg; }
|
||||||
infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop {
|
infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop {
|
||||||
text-shadow: none; }
|
text-shadow: none; }
|
||||||
|
/*
|
||||||
infobar.info button, infobar.question button, infobar.warning button, infobar.error button {
|
infobar.info button, infobar.question button, infobar.warning button, infobar.error button {
|
||||||
color: @selected_fg;
|
color: @selected_fg;
|
||||||
outline-color: alpha(white, 0.2);
|
outline-color: alpha(white, 0.2);
|
||||||
/*text-shadow: 0 1px alpha(black, 0.428024);
|
text-shadow: 0 1px alpha(black, 0.428024);
|
||||||
-gtk-icon-shadow: 0 1px alpha(black, 0.428024);*/
|
-gtk-icon-shadow: 0 1px alpha(black, 0.428024);
|
||||||
border-color: shade(@selected_bg, 0.7);
|
border-color: shade(@selected_bg, 0.7);
|
||||||
background-image: image(shade(@selected_bg, 1.05));
|
background-image: image(shade(@selected_bg, 1.05));
|
||||||
box-shadow: inset 0px 1px 1px shade(@selected_bg, 1.2), 0px 1px 2px alpha(black, 0.1); }
|
box-shadow: inset 0px 1px 1px shade(@selected_bg, 1.2), 0px 1px 2px alpha(black, 0.1); }
|
||||||
|
@ -4743,8 +4746,8 @@ infobar {
|
||||||
infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked {
|
infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked {
|
||||||
color: @selected_fg;
|
color: @selected_fg;
|
||||||
outline-color: alpha(white, 0.2);
|
outline-color: alpha(white, 0.2);
|
||||||
/*text-shadow: 0 1px alpha(black, 0.428024);
|
text-shadow: 0 1px alpha(black, 0.428024);
|
||||||
-gtk-icon-shadow: 0 1px alpha(black, 0.428024);*/
|
-gtk-icon-shadow: 0 1px alpha(black, 0.428024);
|
||||||
border-color: shade(@selected_bg, 0.4);
|
border-color: shade(@selected_bg, 0.4);
|
||||||
background-image: image(shade(@selected_bg, 1.1));
|
background-image: image(shade(@selected_bg, 1.1));
|
||||||
-gtk-icon-shadow: none;
|
-gtk-icon-shadow: none;
|
||||||
|
@ -4773,17 +4776,18 @@ infobar {
|
||||||
box-shadow: inset 0 1px alpha(white, 0);
|
box-shadow: inset 0 1px alpha(white, 0);
|
||||||
border-color: shade(@selected_bg, 1.3); }
|
border-color: shade(@selected_bg, 1.3); }
|
||||||
infobar.info button:backdrop:disabled label, infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled label, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled label, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled label, infobar.error button:backdrop:disabled {
|
infobar.info button:backdrop:disabled label, infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled label, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled label, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled label, infobar.error button:backdrop:disabled {
|
||||||
color: shade(@selected_bg, 1.25); }
|
color: shade(@selected_bg, 1.25); }*/
|
||||||
|
|
||||||
infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection {
|
infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection {
|
||||||
background-color: shade(@selected_bg, 1.25); }
|
background-color: shade(@selected_bg, 1.25); }
|
||||||
|
|
||||||
/************
|
/************
|
||||||
* Tooltips *
|
* Tooltips *
|
||||||
************/
|
************/
|
||||||
tooltip {
|
tooltip, tooltip.csd, tooltip.background {
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
/* not working */
|
/* not working */
|
||||||
border-radius: 5px;
|
border-radius: 0.5em;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
/*text-shadow: 0 1px black;*/ }
|
/*text-shadow: 0 1px black;*/ }
|
||||||
tooltip.background {
|
tooltip.background {
|
||||||
|
@ -5035,7 +5039,7 @@ cursor-handle {
|
||||||
border: 1px solid;
|
border: 1px solid;
|
||||||
border-color: @borders;
|
border-color: @borders;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
box-shadow: inset 0 -3px rgba(241, 242, 242, 0.5);
|
box-shadow: inset 0 -3px alpha(@text_widget_fg, 0.5);
|
||||||
font-size: smaller; }
|
font-size: smaller; }
|
||||||
/*.keycap:backdrop {
|
/*.keycap:backdrop {
|
||||||
background-color: @text_widget_bg;
|
background-color: @text_widget_bg;
|
||||||
|
@ -5044,7 +5048,7 @@ cursor-handle {
|
||||||
|
|
||||||
:not(decoration):not(window):drop(active):focus,
|
:not(decoration):not(window):drop(active):focus,
|
||||||
:not(decoration):not(window):drop(active) {
|
:not(decoration):not(window):drop(active) {
|
||||||
border-color: @success_color;
|
border: 1px solid @success_color;
|
||||||
box-shadow: inset 0 0 0 1px @success_color;
|
box-shadow: inset 0 0 0 1px @success_color;
|
||||||
caret-color: @success_color; }
|
caret-color: @success_color; }
|
||||||
|
|
||||||
|
@ -5146,7 +5150,7 @@ modelbutton.flat:selected,
|
||||||
modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected {
|
modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected {
|
||||||
background-color: @selected_bg;
|
background-color: @selected_bg;
|
||||||
color: @selected_fg;
|
color: @selected_fg;
|
||||||
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1), 0 2px 4px 0 rgba(0,0,0,0.1);}
|
/*box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1), 0 2px 4px 0 rgba(0,0,0,0.1);*/}
|
||||||
|
|
||||||
filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover,
|
filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover,
|
||||||
.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected,
|
.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected,
|
||||||
|
@ -5182,7 +5186,7 @@ textview text selection,
|
||||||
:backdrop:selected, :focus:selected, :focus :selected, *:selected, *:selected:active {
|
:backdrop:selected, :focus:selected, :focus :selected, *:selected, *:selected:active {
|
||||||
color: @selected_fg;
|
color: @selected_fg;
|
||||||
background-color: @selected_bg;
|
background-color: @selected_bg;
|
||||||
box-shadow: 0 0 0 2px @selected_bg;
|
/*box-shadow: 0 0 0 2px @selected_bg;*/
|
||||||
}
|
}
|
||||||
|
|
||||||
evview.find-results{
|
evview.find-results{
|
||||||
|
@ -5288,7 +5292,7 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid solid none;
|
border-style: solid solid none;
|
||||||
border-color: @borders;
|
border-color: @borders;
|
||||||
border-radius: 5px 5px 0 0;
|
border-radius: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.floating-bar.bottom.left { /* axes left border and border radius */
|
.floating-bar.bottom.left { /* axes left border and border radius */
|
||||||
|
|
File diff suppressed because it is too large
Load diff
File diff suppressed because it is too large
Load diff
Loading…
Reference in a new issue