← Back to branch summary

~hatch/juju-gui/load-srv-db

« back to all changes in this revision

Viewing changes to lib/views/browser/charm-full.less

  • Committer: Rick Harding
  • Author(s): Richard Harding
  • Date: 2013-04-23 16:14:07 UTC
  • mfrom: (597.2.1 uxbugs-1)
  • Revision ID: rick.harding@canonical.com-20130423161407-f4rol92i8w2me5r4
Fix back button, hooks select, font sizes in tabs

Fix bugs per UX review.

- Fixes #1171500 - back button styling
- Fixes #1171522: Hooks - drop down list - show "Select --" as default. Remove
text below control.
- Fixes #1171524: Change in font size when select a tab

R=curtis
CC=
https://codereview.appspot.com/8825044

Show diffs side-by-side

added added

removed removed

Lines of Context:
lib/views/browser/charm-full.less
3
3
    width: 100%;
4
4
 
5
5
    a.yui3-tab-label {
 
6
        color: @bws-text;
 
7
    }
 
8
    .yui3-tab-selected a.yui3-tab-label {
6
9
        color: @bws-heading;
7
10
    }
8
11
    h1,
32
35
            line-height: 23pt;
33
36
        }
34
37
        .back {
 
38
            .three-image-button-background(
 
39
                "browser_back_button_left.png",
 
40
                "browser_back_button_right.png",
 
41
                "browser_back_button_centre.png"
 
42
                );
35
43
            display: block;
36
44
            float: left;
37
 
            padding: 0 17px 0 23px;
38
 
            .three-image-button-background(
39
 
                "browser_back_button_left.jpg",
40
 
                "browser_back_button_right.jpg",
41
 
                "browser_back_button_centre.jpg"
42
 
                );
 
45
            padding: 0 12px 0 11px;
43
46
            color: @bws-heading;
 
47
 
 
48
            &:hover {
 
49
                background-position: left bottom, right bottom, left bottom;
 
50
            }
 
51
            img {
 
52
                margin-right: 9px;
 
53
                vertical-align: baseline;
 
54
            }
44
55
        }
45
56
        .share,
46
57
        .add {
50
61
            margin-right: 10px;
51
62
        }
52
63
        .add {
 
64
            .three-image-button-background(
 
65
                "browser_add_button_left.png",
 
66
                "browser_add_button_right.png",
 
67
                "browser_add_button_centre.png"
 
68
                );
53
69
            padding: 0 22px 0 32px;
54
 
            .three-image-button-background(
55
 
                "browser_add_button_left.jpg",
56
 
                "browser_add_button_right.jpg",
57
 
                "browser_add_button_centre.jpg"
58
 
                );
59
70
            border: none;
60
71
            color: #fff;
 
72
 
 
73
            &:hover {
 
74
                background-position: left center, right center, left center;
 
75
            }
 
76
            &:active {
 
77
                background-position: left bottom, right bottom, left bottom;
 
78
                color: #202020;
 
79
            }
61
80
        }
62
81
    }
63
82
    .heading {