From ed8c15a21b0f5060c1403a80047bbd785ea7b511 Mon Sep 17 00:00:00 2001 From: Rory MacQueen Date: Mon, 30 Sep 2013 21:58:00 -0700 Subject: Styled top bar back button Previously, the back button on the top window bar was not styled correctly according to designs. This commit changes the BackButton widget to now suclass Endless Asset Button and have the right styling. [endlessm/eos-sdk#301] --- data/assets/topbar_back_icon_normal.png | Bin 0 -> 1438 bytes data/css/eos-wikipedia-domain.css | 20 ++++++++++++++------ data/eos-wikipedia-domain.gresource.xml | 1 + 3 files changed, 15 insertions(+), 6 deletions(-) create mode 100644 data/assets/topbar_back_icon_normal.png (limited to 'data') diff --git a/data/assets/topbar_back_icon_normal.png b/data/assets/topbar_back_icon_normal.png new file mode 100644 index 0000000..84c6861 Binary files /dev/null and b/data/assets/topbar_back_icon_normal.png differ diff --git a/data/css/eos-wikipedia-domain.css b/data/css/eos-wikipedia-domain.css index 2b20fb5..5e42acd 100644 --- a/data/css/eos-wikipedia-domain.css +++ b/data/css/eos-wikipedia-domain.css @@ -52,23 +52,23 @@ Gjs_ArticleList .scrollbar.slider { background-color: #babdb6; } -#category_info{ +.category-page #category_info{ background-color: rgba(0, 0, 0, 0.5); } -#category_description{ +.category-page #category_description{ color:rgba(255, 255, 255, 1.0); background-color: rgba(0, 0, 0, 0); font-size: 12px; font-family: "Source Sans Pro"; } -#category_scrolled_window .scrollbar.slider { +.category-page #category_scrolled_window .scrollbar.slider { border-radius: 6px; background-color: alpha(white, 0.3); } -#category_title{ +.category-page #category_title{ /* Top padding is hack because we have bad version of BentonSans */ padding-top: 20px; font-family: "BentonSans ExtraLight"; @@ -89,12 +89,20 @@ Gjs_CategoryButton GtkEventBox:hover { background-color: rgba(0, 0, 0, 0.2); } -#category_page_back_button { +.category-page Gjs_AssetButton { font-weight: bold; color: alpha(white, 0.0); } -#category_page_back_button:prelight { +.category-page Gjs_AssetButton:prelight { text-shadow: 0px 1px 0px alpha(#000000, 0.5), 0px 0px 12px alpha(#000000, 0.3); color: alpha(white, 1.0); } + +Gjs_BackButton { + -GtkButton-image-spacing: 7; + padding-top: 2px; + padding-bottom: 2px; + padding-left: 10px; + padding-right: 10px; +} diff --git a/data/eos-wikipedia-domain.gresource.xml b/data/eos-wikipedia-domain.gresource.xml index 19c31f4..8442d5e 100644 --- a/data/eos-wikipedia-domain.gresource.xml +++ b/data/eos-wikipedia-domain.gresource.xml @@ -16,5 +16,6 @@ assets/introduction_back_button_normal.png assets/introduction_back_button_pressed.png assets/introduction_back_button_hover.png + assets/topbar_back_icon_normal.png -- cgit v1.2.3