Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code | Sign in
(898)

Unified Diff: lib/views/stylesheet.less

Issue 7417043: Add Landscape bottom-bar controls
Patch Set: Add Landscape bottom-bar controls Created 11 years ago
Use n/p to move between diff chunks; N/P to move between comments. Please Sign in to add in-line comments.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « app/views/utils.js ('k') | test/test_environment_view.js » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: lib/views/stylesheet.less
=== modified file 'lib/views/stylesheet.less'
--- lib/views/stylesheet.less 2013-02-28 23:22:04 +0000
+++ lib/views/stylesheet.less 2013-03-01 15:17:48 +0000
@@ -210,7 +210,6 @@
background: url(/juju-ui/assets/images/bottom_bar.png) repeat-x;
.landscape-controls {
- display: none;
position: absolute;
top: 0;
right: 0;
@@ -221,10 +220,6 @@
float: right;
width: 60px;
- &.control {
- display: none;
- }
-
.landscape-icon {
margin: 10px 0 0 16px;
}
@@ -723,11 +718,6 @@
top: 1px;
left: 11px;
}
- .destroy-control {
- position: absolute;
- top: 1px;
- right: 11px;
- }
}
.create-picker(@width, @top, @listtop, @listbottom) {
@@ -1262,7 +1252,7 @@
.filter-control {
position: absolute;
- left: 110px;
+ left: 10px;
top: 13px;
width: 350px;
display: inline-block;
@@ -1337,19 +1327,6 @@
}
}
- .destroy-control {
- position: absolute;
- top: 1px;
- left: 10px;
-
- a {
- color: @navbar-color;
- }
-
- a:link, a:visited, a:active, a:hover {
- text-decoration: none
- }
- }
}
.service-header-partial {
@@ -1374,7 +1351,7 @@
.menu-items {
height: 26px;
- padding-top: 2px;
+ padding-top: 6px;
padding-left: 38px;
background: url(/juju-ui/assets/images/tab_div.png) repeat;
@@ -1400,11 +1377,59 @@
}
}
}
+
+ .controls {
+ float: right;
+
+ .control {
+ float: left;
+
+ .divider {
+ margin-right: 3px;
+ height: 13px;
+ width: 2px;
+ }
+ }
+ .destroy-control {
+ margin-top: -1px;
+ a, a:hover, a:active, a:visited {
+ text-decoration: none;
+ color: @navbar-color;
+ }
+
+ img {
+ margin: -4px 5px 0 0;
+ }
+ }
+
+ .control-expose {
+ position: relative;
+ margin: -2px 5px 0 0;
+
+ div {
+ padding-right: 5px;
+ }
+
+ .on {
+ font-size: 11px; fill: #ffffff;
+ position: absolute;
+ right: 18px;
+ top: 0;
+ }
+
+ .off {
+ font-size: 12px; fill: #292929;
+ position: absolute;
+ right: 32px;
+ top: 1px;
+ }
+ }
+ }
}
.service-common-controls {
position: absolute;
- left: 455px;
+ left: 355px;
top: 10px;
.control-unit-count {
@@ -1431,30 +1456,6 @@
}
}
- .control-expose {
- position: absolute;
- left: 300px;
- top: 4px;
- width: 120px;
-
- div {
- padding-left: 5px;
- }
-
- .on {
- font-size: 12px; fill: #ffffff;
- position: absolute;
- right: 20px;
- top: 3px;
- }
-
- .off {
- font-size: 12px; fill: #292929;
- position: absolute;
- right: 40px;
- top: 3px;
- }
- }
}
}
« no previous file with comments | « app/views/utils.js ('k') | test/test_environment_view.js » ('j') | no next file with comments »

Powered by Google App Engine
RSS Feeds Recent Issues | This issue
This is Rietveld f62528b