starred/Nordic
1
0
Fork 0
mirror of https://github.com/EliverLara/Nordic.git synced 2026-09-26 00:51:11 -04:00
Code Issues Packages Projects Releases Wiki Activity

Gnome 43: Fix nautilus sidebar appearance

Browse Source
This commit is contained in:
EliverLara
2022-12-01 14:57:33 -06:00
parent 6a239ddae9
commit 2bb1a7a745
3 changed files with 63 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files
gtk-4.0/gtk-dark.css
+28 -31
View File
@@ -3912,58 +3912,55 @@ stacksidebar row {
/*******************************************************************/
/* PLACESSIDEBAR */
/*******************************************************************/
placessidebar.sidebar {
placessidebar.sidebar, .nautilus-window .navigation-sidebar {
background-color: transparent;
background-image: linear-gradient(to right, #232831 40px, #2e3440 35px, #2e3440 36px, #2e3440 36px, #2e3440 99%, #2e3440 100%); }
placessidebar.sidebar row.sidebar-row.sidebar-row .sidebar-icon {
margin-left: -14px;
margin-right: 12px;
padding-left: 14px;
padding-right: 12px;
color: #98abb2; }
placessidebar.sidebar row.sidebar-row:hover {
transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: rgba(0, 0, 0, 0.76);
background-color: transparent;
/*rgba(65,67,75,0.4); */
background-image: linear-gradient(to right, rgba(65, 67, 75, 0) 40px, rgba(0, 0, 0, 0.12) 40px, rgba(0, 0, 0, 0.12) 97%); }
placessidebar.sidebar row.sidebar-row:active:hover {
color: rgba(0, 0, 0, 0.76);
background-color: rgba(0, 0, 0, 0.23); }
placessidebar.sidebar row.sidebar-row:selected {
placessidebar.sidebar row.sidebar-row.sidebar-row, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-row {
margin: 0;
border-radius: 0; }
placessidebar.sidebar row.sidebar-row.sidebar-row .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-row .sidebar-icon {
margin-left: -14px;
margin-right: 12px;
padding-left: 14px;
padding-right: 12px;
color: #98abb2; }
placessidebar.sidebar row.sidebar-row:hover, .nautilus-window .navigation-sidebar row.sidebar-row:hover {
background: rgba(0, 0, 0, 0.12);
color: inherit; }
placessidebar.sidebar row.sidebar-row:selected, .nautilus-window .navigation-sidebar row.sidebar-row:selected {
color: #fff;
background-color: transparent;
background-image: linear-gradient(to right, rgba(129, 161, 193, 0.7) 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); }
placessidebar.sidebar row.sidebar-row:selected label {
placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window .navigation-sidebar row.sidebar-row:selected label {
color: #81a1c1; }
placessidebar.sidebar row.sidebar-row:selected:hover {
placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window .navigation-sidebar row.sidebar-row:selected:hover {
color: #ffffff;
background-color: rgba(0, 0, 0, 0.24); }
placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon {
placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row:selected:hover .sidebar-icon {
color: #ffffff; }
placessidebar.sidebar row.sidebar-row:selected:backdrop {
placessidebar.sidebar row.sidebar-row:selected:backdrop, .nautilus-window .navigation-sidebar row.sidebar-row:selected:backdrop {
color: rgba(0, 0, 0, 0.54);
background-color: transparent;
background-image: linear-gradient(to right, #81a1c1 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); }
placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon {
placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row:selected:backdrop .sidebar-icon {
-gtk-icon-shadow: none; }
placessidebar.sidebar row.sidebar-row:selected .sidebar-icon {
placessidebar.sidebar row.sidebar-row:selected .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row:selected .sidebar-icon {
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8);
color: inherit; }
placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row label, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon {
placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row label, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-new-bookmark-row, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-new-bookmark-row label, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon {
color: #ebcb8b; }
placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) {
placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled) {
box-shadow: inset 0 1px #a3be8c, inset 0 -1px #a3be8c; }
placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) image {
placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) image, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled) image {
color: #a3be8c; }
placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected {
placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected {
background: #a3be8c; }
placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected image {
placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected image, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected image {
color: #fefefe; }
placessidebar list {
background-color: transparent; }
placessidebar list:backdrop {
placessidebar.sidebar list, .nautilus-window .navigation-sidebar list {
background-color: transparent; }
placessidebar.sidebar list:backdrop, .nautilus-window .navigation-sidebar list:backdrop {
background-color: transparent; }
/*****************
* GtkSpinButton *
gtk-4.0/gtk.css
+28 -31
View File
@@ -3912,58 +3912,55 @@ stacksidebar row {
/*******************************************************************/
/* PLACESSIDEBAR */
/*******************************************************************/
placessidebar.sidebar {
placessidebar.sidebar, .nautilus-window .navigation-sidebar {
background-color: transparent;
background-image: linear-gradient(to right, #232831 40px, #2e3440 35px, #2e3440 36px, #2e3440 36px, #2e3440 99%, #2e3440 100%); }
placessidebar.sidebar row.sidebar-row.sidebar-row .sidebar-icon {
margin-left: -14px;
margin-right: 12px;
padding-left: 14px;
padding-right: 12px;
color: #98abb2; }
placessidebar.sidebar row.sidebar-row:hover {
transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: rgba(0, 0, 0, 0.76);
background-color: transparent;
/*rgba(65,67,75,0.4); */
background-image: linear-gradient(to right, rgba(65, 67, 75, 0) 40px, rgba(0, 0, 0, 0.12) 40px, rgba(0, 0, 0, 0.12) 97%); }
placessidebar.sidebar row.sidebar-row:active:hover {
color: rgba(0, 0, 0, 0.76);
background-color: rgba(0, 0, 0, 0.23); }
placessidebar.sidebar row.sidebar-row:selected {
placessidebar.sidebar row.sidebar-row.sidebar-row, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-row {
margin: 0;
border-radius: 0; }
placessidebar.sidebar row.sidebar-row.sidebar-row .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-row .sidebar-icon {
margin-left: -14px;
margin-right: 12px;
padding-left: 14px;
padding-right: 12px;
color: #98abb2; }
placessidebar.sidebar row.sidebar-row:hover, .nautilus-window .navigation-sidebar row.sidebar-row:hover {
background: rgba(0, 0, 0, 0.12);
color: inherit; }
placessidebar.sidebar row.sidebar-row:selected, .nautilus-window .navigation-sidebar row.sidebar-row:selected {
color: #fff;
background-color: transparent;
background-image: linear-gradient(to right, rgba(129, 161, 193, 0.7) 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); }
placessidebar.sidebar row.sidebar-row:selected label {
placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window .navigation-sidebar row.sidebar-row:selected label {
color: #81a1c1; }
placessidebar.sidebar row.sidebar-row:selected:hover {
placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window .navigation-sidebar row.sidebar-row:selected:hover {
color: #ffffff;
background-color: rgba(0, 0, 0, 0.24); }
placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon {
placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row:selected:hover .sidebar-icon {
color: #ffffff; }
placessidebar.sidebar row.sidebar-row:selected:backdrop {
placessidebar.sidebar row.sidebar-row:selected:backdrop, .nautilus-window .navigation-sidebar row.sidebar-row:selected:backdrop {
color: rgba(0, 0, 0, 0.54);
background-color: transparent;
background-image: linear-gradient(to right, #81a1c1 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); }
placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon {
placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row:selected:backdrop .sidebar-icon {
-gtk-icon-shadow: none; }
placessidebar.sidebar row.sidebar-row:selected .sidebar-icon {
placessidebar.sidebar row.sidebar-row:selected .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row:selected .sidebar-icon {
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8);
color: inherit; }
placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row label, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon {
placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row label, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-new-bookmark-row, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-new-bookmark-row label, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon {
color: #ebcb8b; }
placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) {
placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled) {
box-shadow: inset 0 1px #a3be8c, inset 0 -1px #a3be8c; }
placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) image {
placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) image, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled) image {
color: #a3be8c; }
placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected {
placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected {
background: #a3be8c; }
placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected image {
placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected image, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected image {
color: #fefefe; }
placessidebar list {
background-color: transparent; }
placessidebar list:backdrop {
placessidebar.sidebar list, .nautilus-window .navigation-sidebar list {
background-color: transparent; }
placessidebar.sidebar list:backdrop, .nautilus-window .navigation-sidebar list:backdrop {
background-color: transparent; }
/*****************
* GtkSpinButton *
gtk-4.0/widgets/_sidebar.scss
+7 -14
View File
@@ -117,8 +117,8 @@ stacksidebar {
/* PLACESSIDEBAR */
/*******************************************************************/
placessidebar{
&.sidebar{
placessidebar.sidebar, .nautilus-window .navigation-sidebar{
background-color: transparent;
background-image:linear-gradient(to right, darken($main_dark_color, 5%) 40px,
$_sidebar_color 35px,$_sidebar_color 36px,
@@ -127,6 +127,8 @@ placessidebar{
row{
&.sidebar-row {
&.sidebar-row{
margin: 0;
border-radius: 0;
.sidebar-icon {
margin-left:-14px;
margin-right: 12px;
@@ -136,17 +138,8 @@ placessidebar{
}
}
&:hover{
transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: rgba(0,0,0,0.76);
background-color: transparent; /*rgba(65,67,75,0.4); */
background-image:linear-gradient(to right, rgba(65,67,75,0) 40px, rgba(0,0,0,0.12) 40px,rgba(0,0,0,0.12) 97%);
}
&:active{
&:hover{
color: rgba(0,0,0,0.76);
background-color: rgba(0,0,0,0.23);
}
background: rgba(0,0,0,0.12);
color: inherit;
}
&:selected{
@@ -200,7 +193,7 @@ placessidebar{
}
}
}
}
list{
background-color: transparent;
&:backdrop { background-color: transparent; }