Merge lp:~larsu/ubuntu-themes/lp1347321 into lp:ubuntu-themes

Proposed by Lars Karlitski
Status: Merged
Approved by: Sebastien Bacher
Approved revision: 400
Merged at revision: 398
Proposed branch: lp:~larsu/ubuntu-themes/lp1347321
Merge into: lp:ubuntu-themes
Diff against target: 212 lines (+105/-4)
6 files modified
Ambiance/gtk-3.0/apps/california.css (+5/-0)
Ambiance/gtk-3.0/gtk-main.css (+1/-0)
Ambiance/gtk-3.0/gtk-widgets.css (+46/-2)
Radiance/gtk-3.0/apps/california.css (+5/-0)
Radiance/gtk-3.0/gtk-main.css (+1/-0)
Radiance/gtk-3.0/gtk-widgets.css (+47/-2)
To merge this branch: bzr merge lp:~larsu/ubuntu-themes/lp1347321
Reviewer Review Type Date Requested Status
Sebastien Bacher Approve
PS Jenkins bot (community) continuous-integration Approve
Review via email: mp+233554@code.launchpad.net

Commit message

Ambiance/Radiance: style popover menus correctly

Popover menus use buttons with a .menuitem class, which were rendered as normal buttons with borders previously. Remove borders and fix radio and check button drawing.

Also, give header bars a bit more padding and make event box background hack specific to DejaDup to fix event boxes in other places.

Description of the change

Ambiance/Radiance: style popover menuitems more like regular menuitems

Also, make event box background hack specific to DejaDup to fix event boxes in other places.

To post a comment you must log in.
Revision history for this message
PS Jenkins bot (ps-jenkins) wrote :
review: Approve (continuous-integration)
Revision history for this message
Sebastien Bacher (seb128) wrote :

Thanks for the work, that seems to create bg issues in "california" using the week view though?

review: Needs Fixing
Revision history for this message
Lars Karlitski (larsu) wrote :

> Thanks for the work, that seems to create bg issues in "california" using the
> week view though?

You're right, thanks! I only tested with the month view, which works fine even with overlay scrollbars.

lp:~larsu/ubuntu-themes/lp1347321 updated
398. By Lars Karlitski

Set background to california's week view (for overlay-scrollbar)

Revision history for this message
Lars Karlitski (larsu) wrote :

I fixed it with custom css for california. This is a bit unfortunate, but I couldn't find another way.

Revision history for this message
PS Jenkins bot (ps-jenkins) wrote :
review: Approve (continuous-integration)
lp:~larsu/ubuntu-themes/lp1347321 updated
399. By Lars Karlitski

Fix drawing of check and radio buttons in popovers

400. By Lars Karlitski

Apply padding to header bars that are used as title bars

Revision history for this message
PS Jenkins bot (ps-jenkins) wrote :
review: Approve (continuous-integration)
Revision history for this message
Sebastien Bacher (seb128) wrote :

The california's specific hack is suboptimal, but I guess that's the best we can do for overlay-scrollbars. The most recent commit is for another issue right? Could you update the description/commit message for it? The changes are fine to land otherwise

review: Approve
Revision history for this message
Lars Karlitski (larsu) wrote :

> The california's specific hack is suboptimal, but I guess that's the best we
> can do for overlay-scrollbars. The most recent commit is for another issue
> right? Could you update the description/commit message for it? The changes are
> fine to land otherwise

Yep, done. Thanks!

Preview Diff

[H/L] Next/Prev Comment, [J/K] Next/Prev File, [N/P] Next/Prev Hunk
1=== added file 'Ambiance/gtk-3.0/apps/california.css'
2--- Ambiance/gtk-3.0/apps/california.css 1970-01-01 00:00:00 +0000
3+++ Ambiance/gtk-3.0/apps/california.css 2014-09-12 15:28:00 +0000
4@@ -0,0 +1,5 @@
5+
6+/* for overlay-scrollbars */
7+CaliforniaViewWeekGrid {
8+ background-color: @bg_color;
9+}
10
11=== modified file 'Ambiance/gtk-3.0/gtk-main.css'
12--- Ambiance/gtk-3.0/gtk-main.css 2014-06-18 12:00:26 +0000
13+++ Ambiance/gtk-3.0/gtk-main.css 2014-09-12 15:28:00 +0000
14@@ -49,3 +49,4 @@
15 @import url("apps/gnome-system-log.css");
16 @import url("apps/unity-greeter.css");
17 @import url("apps/glade.css");
18+@import url("apps/california.css");
19
20=== modified file 'Ambiance/gtk-3.0/gtk-widgets.css'
21--- Ambiance/gtk-3.0/gtk-widgets.css 2014-07-10 15:05:47 +0000
22+++ Ambiance/gtk-3.0/gtk-widgets.css 2014-09-12 15:28:00 +0000
23@@ -84,7 +84,10 @@
24 background-color: @bg_color;
25 }
26
27-GtkEventBox {
28+/* Background hack to make DejaDup Assistant windows not turn black when
29+ * overlay scrollbars are enabled.
30+ */
31+Assistant GtkEventBox {
32 background-color: @bg_color;
33 }
34
35@@ -1035,6 +1038,7 @@
36 color: @selected_fg_color;
37 }
38
39+.popover .menuitem:active:hover,
40 .menuitem:hover,
41 .menu .menuitem:hover {
42 border-radius: 0;
43@@ -1860,6 +1864,10 @@
44 background-color: @base_color;
45 }
46
47+.header-bar {
48+ padding: 2px;
49+}
50+
51 /*
52 * Header Bars
53 *
54@@ -1871,7 +1879,6 @@
55 * down grouped with normal toolbars.
56 */
57 .titlebar.header-bar {
58- padding: 2px;
59 background-image: -gtk-gradient (linear, left top, left bottom,
60 from (shade (@dark_bg_color, 1.5)),
61 to (@dark_bg_color));
62@@ -2266,6 +2273,43 @@
63 box-shadow: none;
64 }
65
66+/* Popover menuitems are actually buttons. The following rules reset most of
67+ * the button styles for them.
68+ */
69+.popover .menuitem,
70+.popover .menuitem:active,
71+.popover .menuitem:hover,
72+.popover .menuitem:hover:active,
73+.popover .menuitem:insensitive,
74+.popover .menuitem:backdrop {
75+ border-image: none;
76+ border: none;
77+ text-shadow: none;
78+ border-radius: 3px;
79+}
80+
81+.popover .menuitem:backdrop:hover {
82+ border: none;
83+ border-image: none;
84+ background: transparent;
85+ color: @fg_color;
86+}
87+
88+.popover .menuitem:active,
89+.popover .menuitem.check,
90+.popover .menuitem.check:active,
91+.popover .menuitem.radio,
92+.popover .menuitem.radio:active {
93+ background-image: none;
94+ border: none;
95+}
96+
97+.popover .menuitem:insensitive,
98+.popover .menuitem *:insensitive {
99+ text-shadow: none;
100+ background: none;
101+}
102+
103 /*****************************************************************************
104 * states [please keep this section at the end of the file (CSS precedence)] *
105 *****************************************************************************/
106
107=== added file 'Radiance/gtk-3.0/apps/california.css'
108--- Radiance/gtk-3.0/apps/california.css 1970-01-01 00:00:00 +0000
109+++ Radiance/gtk-3.0/apps/california.css 2014-09-12 15:28:00 +0000
110@@ -0,0 +1,5 @@
111+
112+/* for overlay-scrollbars */
113+CaliforniaViewWeekGrid {
114+ background-color: @bg_color;
115+}
116
117=== modified file 'Radiance/gtk-3.0/gtk-main.css'
118--- Radiance/gtk-3.0/gtk-main.css 2014-06-18 12:00:26 +0000
119+++ Radiance/gtk-3.0/gtk-main.css 2014-09-12 15:28:00 +0000
120@@ -50,3 +50,4 @@
121 @import url("apps/gnome-terminal.css");
122 @import url("apps/gnome-system-log.css");
123 @import url("apps/glade.css");
124+@import url("apps/california.css");
125
126=== modified file 'Radiance/gtk-3.0/gtk-widgets.css'
127--- Radiance/gtk-3.0/gtk-widgets.css 2014-07-10 15:05:47 +0000
128+++ Radiance/gtk-3.0/gtk-widgets.css 2014-09-12 15:28:00 +0000
129@@ -83,7 +83,10 @@
130 background-color: @bg_color;
131 }
132
133-GtkEventBox {
134+/* Background hack to make DejaDup Assistant windows not turn black when
135+ * overlay scrollbars are enabled.
136+ */
137+Assistant GtkEventBox {
138 background-color: @bg_color;
139 }
140
141@@ -1038,6 +1041,7 @@
142 color: @selected_fg_color;
143 }
144
145+.popover .menuitem:active:hover,
146 .menuitem:hover,
147 .menu .menuitem:hover {
148 border-radius: 0;
149@@ -1870,6 +1874,10 @@
150 background-color: @base_color;
151 }
152
153+.header-bar {
154+ padding: 2px;
155+}
156+
157 /*
158 * Header Bars
159 *
160@@ -1881,7 +1889,6 @@
161 * down grouped with normal toolbars.
162 */
163 .titlebar.header-bar {
164- padding: 2px;
165 background-image: -gtk-gradient (linear, left top, left bottom,
166 from (shade (@dark_bg_color, 1.5)),
167 to (@dark_bg_color));
168@@ -2278,6 +2285,44 @@
169 box-shadow: none;
170 }
171
172+/* Popover menuitems are actually buttons. The following rules reset most of
173+ * the button styles for them.
174+ */
175+.popover .menuitem,
176+.popover .menuitem:active,
177+.popover .menuitem:hover,
178+.popover .menuitem:hover:active,
179+.popover .menuitem:insensitive,
180+.popover .menuitem:backdrop {
181+ border-image: none;
182+ border: none;
183+ text-shadow: none;
184+ border-radius: 3px;
185+}
186+
187+.popover .menuitem:backdrop:hover {
188+ border: none;
189+ border-image: none;
190+ background: transparent;
191+ color: @fg_color;
192+}
193+
194+
195+.popover .menuitem:active,
196+.popover .menuitem.check,
197+.popover .menuitem.check:active,
198+.popover .menuitem.radio,
199+.popover .menuitem.radio:active {
200+ background-image: none;
201+ border: none;
202+}
203+
204+.popover .menuitem:insensitive,
205+.popover .menuitem *:insensitive {
206+ text-shadow: none;
207+ background: none;
208+}
209+
210 /*****************************************************************************
211 * states [please keep this section at the end of the file (CSS precedence)] *
212 *****************************************************************************/

Subscribers

People subscribed via source and target branches