GTK3: improve design of sidebar row
This commit is contained in:
parent
735dd5ff69
commit
582c961781
@ -16,19 +16,16 @@ filechooser,
|
||||
background-image: linear-gradient(to left, darken($bg_color, 4%) 41px, $bg_color 0);
|
||||
}
|
||||
|
||||
&:backdrop { box-shadow: none; }
|
||||
&:backdrop { background-image: none; }
|
||||
|
||||
row.sidebar-row {
|
||||
&:selected {
|
||||
@extend %selected_items;
|
||||
|
||||
margin-left: 6px;
|
||||
margin-right: 6px;
|
||||
border-radius: $button_radius;
|
||||
box-shadow: $_glow_shadow;
|
||||
transition: box-shadow $backdrop_transition;
|
||||
|
||||
&:backdrop { box-shadow: none; }
|
||||
background-color: $selected_bg_color;
|
||||
|
||||
&:dir(ltr) {
|
||||
background-image: linear-gradient(to right, darken($selected_bg_color, 10%) 35px, transparent 0);
|
||||
@ -43,6 +40,16 @@ filechooser,
|
||||
|
||||
.sidebar-icon, .sidebar-label { color: $selected_fg_color; }
|
||||
}
|
||||
|
||||
&:backdrop {
|
||||
@extend %selected_items_backdrop;
|
||||
box-shadow: none;
|
||||
background-image: none;
|
||||
|
||||
&,
|
||||
& .sidebar-icon,
|
||||
& .sidebar-label { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); }
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-icon { padding-right: 20px; }
|
||||
@ -74,6 +81,11 @@ filechooser,
|
||||
|
||||
.path-bar-box:backdrop { border-color: $backdrop_borders_color}
|
||||
|
||||
/* GNOME TWEAKS */
|
||||
list.tweak-categories separator {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/* XFCE4 PANEL */
|
||||
.xfce4-panel {
|
||||
&.background { background: $panel_bg; }
|
||||
|
||||
@ -385,6 +385,21 @@ infobar {
|
||||
}
|
||||
}
|
||||
|
||||
/*********
|
||||
* Lists *
|
||||
*********/
|
||||
row {
|
||||
&:selected, &.activatable:selected {
|
||||
&, &:backdrop, &:active {
|
||||
border-radius: $button_radius + 4px;
|
||||
background-color: $bg_color;
|
||||
color: $text_color;
|
||||
box-shadow: inset 0 0 0 9999px $menu_selected_color,
|
||||
inset 0 0 0 3px $base_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*********************
|
||||
* App Notifications *
|
||||
*********************/
|
||||
@ -407,8 +422,6 @@ calendar {
|
||||
border-radius: 6px;
|
||||
border:0;
|
||||
padding: 1px;
|
||||
|
||||
&:selected { border-radius: 999px; }
|
||||
}
|
||||
|
||||
/***********
|
||||
@ -424,6 +437,8 @@ messagedialog .titlebar:backdrop { background-image: none; }
|
||||
background-color: $bg_color;
|
||||
}
|
||||
|
||||
stacksidebar row { padding: 7px 3px; }
|
||||
|
||||
/****************
|
||||
* File chooser *
|
||||
****************/
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user