diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index dc9a4f3..b109595 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -2612,14 +2612,14 @@ popover.background.touch-selection, .csd popover.background.touch-selection { .monospace { font: Monospace; } -button.circular, +button.circular, button.nautilus-circular-button.image-button, button.circular-button { padding: 0; min-width: 26px; min-height: 26px; border-radius: 50%; -gtk-outline-radius: 50%; } - button.circular label, + button.circular label, button.nautilus-circular-button.image-button label, button.circular-button label { padding: 0; } @@ -2636,7 +2636,7 @@ button.circular-button { stackswitcher button.text-button { min-width: 80px; } -stackswitcher button.circular { +stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { min-width: 0; } *:drop(active):focus, @@ -2803,11 +2803,6 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can .nautilus-window notebook > stack:not(:only-child) searchbar { background-color: #404552; } -button.nautilus-circular-button.image-button { - border-radius: 50%; - -gtk-outline-radius: 50%; - padding: 8px; } - .disk-space-display { border-style: solid; border-width: 1px; } @@ -2824,6 +2819,25 @@ button.nautilus-circular-button.image-button { .nautilus-list-view .view { border-bottom: 1px solid #2b2e39; } +@keyframes needs_attention_keyframes { + 0% { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + 100% { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } } + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; } + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; } + .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #404552; } @@ -3416,19 +3430,19 @@ GtkListBox .h4 { .nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } -.nautilus-window button.sidebar-button { +.nautilus-window row:not(:selected) button.sidebar-button { color: #BAC3CF; } - .nautilus-window button.sidebar-button:hover { + .nautilus-window row:not(:selected) button.sidebar-button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } - .nautilus-window button.sidebar-button:active { + .nautilus-window row:not(:selected) button.sidebar-button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294E2; } - .nautilus-window button.sidebar-button:not(:hover):not(:active) > image { + .nautilus-window row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } .gedit-bottom-panel-paned { diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 8596e1f..ea834e4 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -2611,14 +2611,14 @@ popover.background.touch-selection, .csd popover.background.touch-selection { .monospace { font: Monospace; } -button.circular, +button.circular, button.nautilus-circular-button.image-button, button.circular-button { padding: 0; min-width: 26px; min-height: 26px; border-radius: 50%; -gtk-outline-radius: 50%; } - button.circular label, + button.circular label, button.nautilus-circular-button.image-button label, button.circular-button label { padding: 0; } @@ -2635,7 +2635,7 @@ button.circular-button { stackswitcher button.text-button { min-width: 80px; } -stackswitcher button.circular { +stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { min-width: 0; } *:drop(active):focus, @@ -2802,11 +2802,6 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can .nautilus-window notebook > stack:not(:only-child) searchbar { background-color: #ffffff; } -button.nautilus-circular-button.image-button { - border-radius: 50%; - -gtk-outline-radius: 50%; - padding: 8px; } - .disk-space-display { border-style: solid; border-width: 1px; } @@ -2823,6 +2818,25 @@ button.nautilus-circular-button.image-button { .nautilus-list-view .view { border-bottom: 1px solid #dcdfe3; } +@keyframes needs_attention_keyframes { + 0% { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + 100% { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } } + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; } + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; } + .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #ffffff; } @@ -3415,19 +3429,19 @@ GtkListBox .h4 { .nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } -.nautilus-window button.sidebar-button { +.nautilus-window row:not(:selected) button.sidebar-button { color: #BAC3CF; } - .nautilus-window button.sidebar-button:hover { + .nautilus-window row:not(:selected) button.sidebar-button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } - .nautilus-window button.sidebar-button:active { + .nautilus-window row:not(:selected) button.sidebar-button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } - .nautilus-window button.sidebar-button:not(:hover):not(:active) > image { + .nautilus-window row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } .gedit-bottom-panel-paned { diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 13e993b..07b744a 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -2612,14 +2612,14 @@ popover.background.touch-selection, .csd popover.background.touch-selection { .monospace { font: Monospace; } -button.circular, +button.circular, button.nautilus-circular-button.image-button, button.circular-button { padding: 0; min-width: 26px; min-height: 26px; border-radius: 50%; -gtk-outline-radius: 50%; } - button.circular label, + button.circular label, button.nautilus-circular-button.image-button label, button.circular-button label { padding: 0; } @@ -2636,7 +2636,7 @@ button.circular-button { stackswitcher button.text-button { min-width: 80px; } -stackswitcher button.circular { +stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { min-width: 0; } *:drop(active):focus, @@ -2803,11 +2803,6 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can .nautilus-window notebook > stack:not(:only-child) searchbar { background-color: #404552; } -button.nautilus-circular-button.image-button { - border-radius: 50%; - -gtk-outline-radius: 50%; - padding: 8px; } - .disk-space-display { border-style: solid; border-width: 1px; } @@ -2824,6 +2819,25 @@ button.nautilus-circular-button.image-button { .nautilus-list-view .view { border-bottom: 1px solid #2b2e39; } +@keyframes needs_attention_keyframes { + 0% { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.4); + background-color: rgba(95, 105, 127, 0.4); } + 100% { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } } + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; } + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; } + .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #404552; } @@ -3416,19 +3430,19 @@ GtkListBox .h4 { .nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } -.nautilus-window button.sidebar-button { +.nautilus-window row:not(:selected) button.sidebar-button { color: #BAC3CF; } - .nautilus-window button.sidebar-button:hover { + .nautilus-window row:not(:selected) button.sidebar-button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } - .nautilus-window button.sidebar-button:active { + .nautilus-window row:not(:selected) button.sidebar-button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294E2; } - .nautilus-window button.sidebar-button:not(:hover):not(:active) > image { + .nautilus-window row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } .gedit-bottom-panel-paned { diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index ee5b8f5..622ccd0 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -2611,14 +2611,14 @@ popover.background.touch-selection, .csd popover.background.touch-selection { .monospace { font: Monospace; } -button.circular, +button.circular, button.nautilus-circular-button.image-button, button.circular-button { padding: 0; min-width: 26px; min-height: 26px; border-radius: 50%; -gtk-outline-radius: 50%; } - button.circular label, + button.circular label, button.nautilus-circular-button.image-button label, button.circular-button label { padding: 0; } @@ -2635,7 +2635,7 @@ button.circular-button { stackswitcher button.text-button { min-width: 80px; } -stackswitcher button.circular { +stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { min-width: 0; } *:drop(active):focus, @@ -2802,11 +2802,6 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can .nautilus-window notebook > stack:not(:only-child) searchbar { background-color: #ffffff; } -button.nautilus-circular-button.image-button { - border-radius: 50%; - -gtk-outline-radius: 50%; - padding: 8px; } - .disk-space-display { border-style: solid; border-width: 1px; } @@ -2823,6 +2818,25 @@ button.nautilus-circular-button.image-button { .nautilus-list-view .view { border-bottom: 1px solid #dcdfe3; } +@keyframes needs_attention_keyframes { + 0% { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.4); + background-color: rgba(95, 105, 127, 0.4); } + 100% { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } } + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; } + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; } + .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #ffffff; } @@ -3415,19 +3429,19 @@ GtkListBox .h4 { .nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } -.nautilus-window button.sidebar-button { +.nautilus-window row:not(:selected) button.sidebar-button { color: #BAC3CF; } - .nautilus-window button.sidebar-button:hover { + .nautilus-window row:not(:selected) button.sidebar-button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } - .nautilus-window button.sidebar-button:active { + .nautilus-window row:not(:selected) button.sidebar-button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } - .nautilus-window button.sidebar-button:not(:hover):not(:active) > image { + .nautilus-window row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } .gedit-bottom-panel-paned { diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 622ed2f..094e15f 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -2615,14 +2615,14 @@ popover.background.touch-selection, .csd popover.background.touch-selection { .monospace { font: Monospace; } -button.circular, +button.circular, button.nautilus-circular-button.image-button, button.circular-button { padding: 0; min-width: 26px; min-height: 26px; border-radius: 50%; -gtk-outline-radius: 50%; } - button.circular label, + button.circular label, button.nautilus-circular-button.image-button label, button.circular-button label { padding: 0; } @@ -2639,7 +2639,7 @@ button.circular-button { stackswitcher button.text-button { min-width: 80px; } -stackswitcher button.circular { +stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { min-width: 0; } *:drop(active):focus, @@ -2806,11 +2806,6 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can .nautilus-window notebook > stack:not(:only-child) searchbar { background-color: #ffffff; } -button.nautilus-circular-button.image-button { - border-radius: 50%; - -gtk-outline-radius: 50%; - padding: 8px; } - .disk-space-display { border-style: solid; border-width: 1px; } @@ -2827,6 +2822,25 @@ button.nautilus-circular-button.image-button { .nautilus-list-view .view { border-bottom: 1px solid #dcdfe3; } +@keyframes needs_attention_keyframes { + 0% { + color: rgba(82, 93, 118, 0.8); + outline-color: rgba(82, 93, 118, 0.1); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + 100% { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } } + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; } + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; } + .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #ffffff; } @@ -3419,19 +3433,19 @@ GtkListBox .h4 { .nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } -.nautilus-window button.sidebar-button { +.nautilus-window row:not(:selected) button.sidebar-button { color: #BAC3CF; } - .nautilus-window button.sidebar-button:hover { + .nautilus-window row:not(:selected) button.sidebar-button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } - .nautilus-window button.sidebar-button:active { + .nautilus-window row:not(:selected) button.sidebar-button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } - .nautilus-window button.sidebar-button:not(:hover):not(:active) > image { + .nautilus-window row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } .gedit-bottom-panel-paned { diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index b58ee21..d7f1930 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -2615,14 +2615,14 @@ popover.background.touch-selection, .csd popover.background.touch-selection { .monospace { font: Monospace; } -button.circular, +button.circular, button.nautilus-circular-button.image-button, button.circular-button { padding: 0; min-width: 26px; min-height: 26px; border-radius: 50%; -gtk-outline-radius: 50%; } - button.circular label, + button.circular label, button.nautilus-circular-button.image-button label, button.circular-button label { padding: 0; } @@ -2639,7 +2639,7 @@ button.circular-button { stackswitcher button.text-button { min-width: 80px; } -stackswitcher button.circular { +stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { min-width: 0; } *:drop(active):focus, @@ -2806,11 +2806,6 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can .nautilus-window notebook > stack:not(:only-child) searchbar { background-color: #ffffff; } -button.nautilus-circular-button.image-button { - border-radius: 50%; - -gtk-outline-radius: 50%; - padding: 8px; } - .disk-space-display { border-style: solid; border-width: 1px; } @@ -2827,6 +2822,25 @@ button.nautilus-circular-button.image-button { .nautilus-list-view .view { border-bottom: 1px solid #dcdfe3; } +@keyframes needs_attention_keyframes { + 0% { + color: rgba(82, 93, 118, 0.8); + outline-color: rgba(82, 93, 118, 0.1); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + 100% { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } } + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; } + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; } + .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #ffffff; } @@ -3419,19 +3433,19 @@ GtkListBox .h4 { .nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } -.nautilus-window button.sidebar-button { +.nautilus-window row:not(:selected) button.sidebar-button { color: #BAC3CF; } - .nautilus-window button.sidebar-button:hover { + .nautilus-window row:not(:selected) button.sidebar-button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } - .nautilus-window button.sidebar-button:active { + .nautilus-window row:not(:selected) button.sidebar-button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } - .nautilus-window button.sidebar-button:not(:hover):not(:active) > image { + .nautilus-window row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } .gedit-bottom-panel-paned { diff --git a/common/gtk-3.0/3.20/sass/_applications.scss b/common/gtk-3.0/3.20/sass/_applications.scss index f5819b0..5cc7d76 100644 --- a/common/gtk-3.0/3.20/sass/_applications.scss +++ b/common/gtk-3.0/3.20/sass/_applications.scss @@ -101,9 +101,7 @@ } button.nautilus-circular-button.image-button { - border-radius: 50%; - -gtk-outline-radius: 50%; - padding: 8px; + @extend button.circular; } $disk_space_unknown: transparentize($fg_color, 0.5); @@ -131,6 +129,19 @@ $disk_space_free: darken($bg_color, 3%); // View .nautilus-list-view .view { border-bottom: 1px solid $borders_color; } +@keyframes needs_attention_keyframes { + 0% { @include button(header-hover); } + 100% { @include button(header-active) } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + // // Nemo // diff --git a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss index 0a0dfab..1e8177c 100644 --- a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss +++ b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss @@ -46,7 +46,7 @@ &.maximized placessidebar.sidebar { background-color: opacify($dark_sidebar_bg, 1); } - button.sidebar-button { + row:not(:selected) button.sidebar-button { color: $dark_sidebar_fg; &:hover { @include button(osd-hover); }