diff options
author | Sam Hewitt <sam@snwh.org> | 2022-02-25 11:40:24 -0330 |
---|---|---|
committer | Florian Müllner <fmuellner@gnome.org> | 2022-05-06 13:29:13 +0200 |
commit | 81ac26c25e5c112abe9c806b84ef68d18c5d3194 (patch) | |
tree | 73d30ff6dd9df7c4ef916cf615ea9b8babb76ae6 | |
parent | 06b3065c959ec1b4a39ca06c975187a0f13f3e49 (diff) | |
download | gnome-shell-sass-81ac26c25e5c112abe9c806b84ef68d18c5d3194.tar.gz |
theme: Minor screenshot UI fixes
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2215>
-rw-r--r-- | widgets/_screenshot.scss | 37 | ||||
-rw-r--r-- | widgets/_window-picker.scss | 2 |
2 files changed, 19 insertions, 20 deletions
diff --git a/widgets/_screenshot.scss b/widgets/_screenshot.scss index 458c6f0..c0a983d 100644 --- a/widgets/_screenshot.scss +++ b/widgets/_screenshot.scss @@ -24,14 +24,15 @@ $screenshot_ui_button_red: $error_color; } .screenshot-ui-close-button { - @extend .window-close; // copy window close button - padding: $base_padding; // but with more padding - &.left { margin-left: 8px; } - &.right { margin-right: 8px; } + @extend .window-close; // copy window close button + padding: $base_padding !important; // but with more padding + &.left { margin-left: 8px;} + &.right { margin-right: 8px;} } .screenshot-ui-type-button { @extend %osd_button; + min-width: 48px; padding: $base_padding * 2 $base_padding * 3 !important; border-radius: $screenshot_ui_panel_border_radius - $screenshot_ui_panel_padding; } @@ -46,7 +47,7 @@ $screenshot_ui_button_red: $error_color; .screenshot-ui-capture-button-circle { background-color: $osd_fg_color; transition-duration: 200ms; - &:hover, &:focus { background-color: $hover_bg_color; } + &:hover, &:focus { background-color: $hover_bg_color;} border-radius: 99px; } @@ -66,16 +67,14 @@ $screenshot_ui_button_red: $error_color; .screenshot-ui-capture-button-circle { background-color: $screenshot_ui_button_red; } - &:hover, &:focus { .screenshot-ui-capture-button-circle { - background-color: darken($screenshot_ui_button_red, 15%); + background-color: lighten($screenshot_ui_button_red, 5%); } } - &:active { .screenshot-ui-capture-button-circle { - background-color: darken($screenshot_ui_button_red, 30%); + background-color: darken($screenshot_ui_button_red, 7%); } } } @@ -87,27 +86,27 @@ $screenshot_ui_button_red: $error_color; padding: $screenshot_ui_shot_cast_spacing; spacing: $screenshot_ui_shot_cast_spacing; - &:ltr { margin-left: $screenshot_ui_shot_cast_margin - $screenshot_ui_panel_padding; } - &:rtl { margin-right: $screenshot_ui_shot_cast_margin - $screenshot_ui_panel_padding; } + &:ltr { margin-left: $screenshot_ui_shot_cast_margin - $screenshot_ui_panel_padding;} + &:rtl { margin-right: $screenshot_ui_shot_cast_margin - $screenshot_ui_panel_padding;} } .screenshot-ui-shot-cast-button { padding: $base_padding $base_padding*2; background-color: transparent; - &:hover, &:focus { background-color: lighten($hover_bg_color, 5%); } - &:active { background-color: lighten($active_bg_color,5%); } - &:checked { background-color: white; color: black; } + &:hover, &:focus { background-color: lighten($hover_bg_color, 5%);} + &:active { background-color: lighten($active_bg_color,5%);} + &:checked { background-color: white;color: black;} border-radius: $modal_radius - $screenshot_ui_shot_cast_spacing; - StIcon { icon-size: $base_icon_size; } + StIcon { icon-size: $base_icon_size;} } .screenshot-ui-show-pointer-button { @extend %osd_button; border-radius: 99px; padding: $base_padding * 2 !important; - StIcon { icon-size: $base_icon_size; } + StIcon { icon-size: $base_icon_size;} } .screenshot-ui-area-indicator-shade { @@ -174,7 +173,7 @@ $screenshot_ui_button_red: $error_color; } .screenshot-ui-window-selector-check { - color: white; + color: $selected_fg_color; background-color: $selected_bg_color; } } @@ -184,8 +183,8 @@ $screenshot_ui_button_red: $error_color; transition-duration: 200ms; background-color: rgba(0,0,0,.5); - &:hover { background-color: rgba(0,0,0,.3); } - &:active { background-color: rgba(0,0,0,.7); } + &:hover { background-color: rgba(0,0,0,.3);} + &:active { background-color: rgba(0,0,0,.7);} &:checked { background-color: transparent; border: 2px white; diff --git a/widgets/_window-picker.scss b/widgets/_window-picker.scss index e494f6d..84aaa43 100644 --- a/widgets/_window-picker.scss +++ b/widgets/_window-picker.scss @@ -27,7 +27,7 @@ $window_close_button_padding: 3px; .window-close { background-color: $window_close_button_color; color: $osd_fg_color; - border-radius: $window_close_button_size * 0.5 + $window_close_button_padding * 2; + border-radius: 99px; padding: $window_close_button_padding; height: $window_close_button_size; width: $window_close_button_size; |