← Back to branch summary

~bcsaller/juju-gui/svgdefs

« back to all changes in this revision

Viewing changes to lib/views/stylesheet.less

  • Committer: Brad Crittenden
  • Date: 2013-07-11 21:28:40 UTC
  • mfrom: (806.4.9 move-zoom)
  • Revision ID: bac@canonical.com-20130711212840-cehiayvcf2nw4qsg
Move zoom slider to the side.

This branch uses the current assets, the default yui3-sam-skin.  Assets
are available for doing the final work but they are not in a form that can
be used at the moment, so this work is landing without the final styling.

R=benji
CC=
https://codereview.appspot.com/11182044

Show diffs side-by-side

added added

removed removed

Lines of Context:
lib/views/stylesheet.less
84
84
            no-repeat right top;
85
85
    background-color: @background-color;
86
86
}
 
87
/*
 
88
 * Rotation transform.  Call with numerical value and units, e.g.
 
89
 * .rotate(-90deg);
 
90
 */
 
91
.rotate(@angle) {
 
92
    -webkit-transform: rotate(@angle);
 
93
    -moz-transform: rotate(@angle);
 
94
    -ms-transform: rotate(@angle);
 
95
    -o-transform: rotate(@angle);
 
96
    transform: rotate(@angle);
 
97
}
87
98
.border-box {
88
99
    -moz-box-sizing: border-box;
89
100
    -webkit-box-sizing: border-box;
876
887
 * Feedback box
877
888
 */
878
889
#feedback-box {
879
 
    position: fixed;
 
890
    position: absolute;
880
891
    right: -40px;
881
892
    bottom: 100px;
882
893
    a {
897
908
        -webkit-transition: all 0.15s ease-in-out;
898
909
        -moz-transition: all 0.15s ease-in-out;
899
910
        transition: all 0.15s ease-in-out;
900
 
        -webkit-transform: rotate(-90deg);
901
 
        -moz-transform: rotate(-90deg);
902
 
        -ms-transform: rotate(-90deg);
903
 
        -o-transform: rotate(-90deg);
904
 
        transform: rotate(-90deg);
 
911
        .rotate(-90deg);
905
912
        &:hover {
906
913
            text-decoration: none;
907
914
            background-color: #df6920;
929
936
        left: 11px;
930
937
    }
931
938
}
 
939
.zoom-controls {
 
940
    position: absolute;
 
941
    right: -20px;
 
942
    top: 35px;
 
943
    // The following is required to override Bootstrap styles for the slider
 
944
    // thumb sprite.
 
945
    img {
 
946
        max-width: none;
 
947
    }
 
948
}
 
949
#zoom-in-btn {
 
950
    position: relative;
 
951
    top: -90px;
 
952
    left: 24px;
 
953
}
 
954
#zoom-out-btn {
 
955
    position: relative;
 
956
    top: 90px;
 
957
    left: -30px;
 
958
}
 
959
 
932
960
.create-picker(@width, @top, @listtop, @listbottom) {
933
961
    width: @width;
934
962