[gtk+] Adwaita: progressbar tweaks
- From: Lapo Calamandrei <lapo src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gtk+] Adwaita: progressbar tweaks
- Date: Sat, 19 Jul 2014 12:04:09 +0000 (UTC)
commit 3fb249e376d56f7142002762f38f32482e7515ab
Author: Lapo Calamandrei <calamandrei gmail com>
Date: Sat Jul 19 14:03:28 2014 +0200
Adwaita: progressbar tweaks
gtk/resources/theme/Adwaita/_common.scss | 30 ++++++++++++++++----
gtk/resources/theme/Adwaita/gtk-contained-dark.css | 11 ++++++-
gtk/resources/theme/Adwaita/gtk-contained.css | 19 +++++++++---
3 files changed, 48 insertions(+), 12 deletions(-)
---
diff --git a/gtk/resources/theme/Adwaita/_common.scss b/gtk/resources/theme/Adwaita/_common.scss
index 8994a69..25954b8 100644
--- a/gtk/resources/theme/Adwaita/_common.scss
+++ b/gtk/resources/theme/Adwaita/_common.scss
@@ -1830,18 +1830,36 @@ GtkProgressBar {
.progressbar {
border-width: 1px;
border-style: solid;
- border-radius: 3px;
+ border-radius: 1.5px;
border-color: $selected_borders_color;
background-color: $selected_bg_color;
- $_shadow: if($variant=='light', transparentize(black,0.7),
+ $_shadow: if($variant=='light', transparentize(black,0.75),
transparentize(black,0.9));
box-shadow: 1px 0 $_shadow, -1px 0 $_shadow;
- &.left { box-shadow: 1px 0 $_shadow; }
- &.right { box-shadow: -1px 0 $_shadow; }
- &.left.right { box-shadow: none; }
+ &.left {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+ box-shadow: 1px 0 $_shadow;
+ }
+ &.right {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+ box-shadow: -1px 0 $_shadow;
+ }
+ &.left.right {
+ box-shadow: none;
+ }
&.vertical {
box-shadow: 0 1px $_shadow;
- &.bottom { box-shadow: none; }
+ &.bottom {
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+ box-shadow: none;
+ }
+ &.top {
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+ }
}
// box-shadow: inset 1px 1px transparentize($borders_edge,0.8);
&:backdrop {
diff --git a/gtk/resources/theme/Adwaita/gtk-contained-dark.css
b/gtk/resources/theme/Adwaita/gtk-contained-dark.css
index 5c3be78..7036bac 100644
--- a/gtk/resources/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/resources/theme/Adwaita/gtk-contained-dark.css
@@ -2340,20 +2340,29 @@ GtkProgressBar {
.progressbar {
border-width: 1px;
border-style: solid;
- border-radius: 3px;
+ border-radius: 1.5px;
border-color: #0f2b48;
background-color: #215d9c;
box-shadow: 1px 0 rgba(0, 0, 0, 0.1), -1px 0 rgba(0, 0, 0, 0.1); }
.progressbar.left {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
box-shadow: 1px 0 rgba(0, 0, 0, 0.1); }
.progressbar.right {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
box-shadow: -1px 0 rgba(0, 0, 0, 0.1); }
.progressbar.left.right {
box-shadow: none; }
.progressbar.vertical {
box-shadow: 0 1px rgba(0, 0, 0, 0.1); }
.progressbar.vertical.bottom {
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
box-shadow: none; }
+ .progressbar.vertical.top {
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px; }
.progressbar:backdrop {
border-color: #0f2b48;
background-color: #215d9c;
diff --git a/gtk/resources/theme/Adwaita/gtk-contained.css b/gtk/resources/theme/Adwaita/gtk-contained.css
index b1004c9..393af9a 100644
--- a/gtk/resources/theme/Adwaita/gtk-contained.css
+++ b/gtk/resources/theme/Adwaita/gtk-contained.css
@@ -2334,20 +2334,29 @@ GtkProgressBar {
.progressbar {
border-width: 1px;
border-style: solid;
- border-radius: 3px;
+ border-radius: 1.5px;
border-color: #184472;
background-color: #4a90d9;
- box-shadow: 1px 0 rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.3); }
+ box-shadow: 1px 0 rgba(0, 0, 0, 0.25), -1px 0 rgba(0, 0, 0, 0.25); }
.progressbar.left {
- box-shadow: 1px 0 rgba(0, 0, 0, 0.3); }
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+ box-shadow: 1px 0 rgba(0, 0, 0, 0.25); }
.progressbar.right {
- box-shadow: -1px 0 rgba(0, 0, 0, 0.3); }
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+ box-shadow: -1px 0 rgba(0, 0, 0, 0.25); }
.progressbar.left.right {
box-shadow: none; }
.progressbar.vertical {
- box-shadow: 0 1px rgba(0, 0, 0, 0.3); }
+ box-shadow: 0 1px rgba(0, 0, 0, 0.25); }
.progressbar.vertical.bottom {
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
box-shadow: none; }
+ .progressbar.vertical.top {
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px; }
.progressbar:backdrop {
border-color: #4a90d9;
background-color: #4a90d9;
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]