Side by Side Diff: lib/views/browser/charm-full.less
Issue 8797047 :
Add the 'is reviwed' badge to the charm icons
Patch Set: Add the 'is reviwed' badge to the charm icons
Use n/p to move between diff chunks;
N/P to move between comments.
Please Sign in to add in-line comments.
Jump to:
[revision details]
app/assets/images/badge-approved.png
app/assets/images/non-sprites/badge-approved.svg
app/subapps/browser/templates/browser_charm.handlebars
app/templates/charm-token.handlebars
app/widgets/charm-token.js
lib/views/browser/charm-full.less
lib/views/browser/charm-token.less
OLD NEW
1 #subapp-browser .charm { 1 #subapp-browser .charm {
2 display: table; 2 display: table;
3 width: 100%; 3 width: 100%;
4 4
5 a.yui3-tab-label { 5 a.yui3-tab-label {
6 color: @bws-text; 6 color: @bws-text;
7 } 7 }
8 .yui3-tab-selected a.yui3-tab-label { 8 .yui3-tab-selected a.yui3-tab-label {
9 color: @bws-heading; 9 color: @bws-heading;
10 } 10 }
(...skipping 69 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading...
80 .heading { 80 .heading {
81 margin: 18px 0 22px 0; 81 margin: 18px 0 22px 0;
82 82
83 .charm-icon { 83 .charm-icon {
84 width: 160px; 84 width: 160px;
85 height: 160px; 85 height: 160px;
86 background: transparent 86 background: transparent
87 url(/juju-ui/assets/images/charm_160.png) 87 url(/juju-ui/assets/images/charm_160.png)
88 left top no-repeat; 88 left top no-repeat;
89 } 89 }
90
91 i.badge-approved {
92 position: absolute;
93 margin-left: -20px;
94 margin-top: -20px;
95 }
96
90 .charm-details { 97 .charm-details {
91 margin-left: 19px; 98 margin-left: 19px;
92 99
93 h1 { 100 h1 {
94 font-size: 23pt; 101 font-size: 23pt;
95 } 102 }
96 dt, 103 dt,
97 dd { 104 dd {
98 font-size: 12pt; 105 font-size: 12pt;
99 line-height: 150%; 106 line-height: 150%;
(...skipping 178 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading...
278 list-style-type: decimal; 285 list-style-type: decimal;
279 286
280 span:first-child { 287 span:first-child {
281 margin-left: 10px; 288 margin-left: 10px;
282 } 289 }
283 } 290 }
284 } 291 }
285 } 292 }
286 } 293 }
287 } 294 }
OLD NEW