tyler.durden
/
icingaweb2
mirror of https://github.com/Icinga/icingaweb2.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Design: headline and main menu

This commit is contained in:
Bernd Erk 2014-11-06 00:09:14 +01:00
parent f6595267d6
commit f9e8cc84b9
5 changed files with 29 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
library/Icinga/Web/Controller/ActionController.php
View File

@ -420,7 +420,7 @@ class ActionController extends Zend_Controller_Action
} }
if ($this->autorefreshInterval !== null) { if ($this->autorefreshInterval !== null) {
$resp->setHeader('X-Icinga-Refresh', $this->autorefreshInterval); // $resp->setHeader('X-Icinga-Refresh', $this->autorefreshInterval);
} }
} }

16
public/css/icinga/layout-colors.less
View File

@ -4,21 +4,17 @@
/* Layout colors */ /* Layout colors */
#sidebar { #sidebar {
background-color: #999; background-color: #eee;
-moz-box-shadow: inset -0.5em 0 0.5em -0.5em #555; -moz-box-shadow: inset -0.4em 0 0.4em -0.4em #555;
-webkit-box-shadow: inset -0.5em 0 0.5em -0.5em #555; -webkit-box-shadow: inset -0.4em 0 0.4em -0.4em #555;
box-shadow: inset -0.5em 0 0.5em -0.5em #555; box-shadow: inset -0.4em 0 0.4em -0.4em #555;
} }
#header { #header {
background-color: #555; background-color: #049baf;
background-image: -moz-linear-gradient(top, #777, #555);
background-image: -webkit-linear-gradient(top, #777, #555);
background-image: -o-linear-gradient(top, #777, #555);
background-image: -ms-linear-gradient(top, #777, #555);
background-image: linear-gradient(top, #777, #555);
color: #ddd; color: #ddd;
color: #d0d0d0; color: #d0d0d0;
border-bottom: solid 1px;
} }
#header input { #header input {

2
public/css/icinga/layout-structure.less
View File

@ -166,7 +166,7 @@ html {
} }
.container .controls > * { .container .controls > * {
margin-left: 1em; margin-left: 0em;
} }
.container .controls h1 { .container .controls h1 {

44
public/css/icinga/menu.less
View File

@ -25,14 +25,9 @@
} }
#menu li { #menu li {
margin-left: 0.5em; margin-left: 0.0em;
} }
#menu > ul > li {
border-bottom: 2em solid #888;
}
#menu > ul > li > ul { #menu > ul > li > ul {
display: none; display: none;
} }
@ -47,13 +42,13 @@
#menu > ul > li.active { #menu > ul > li.active {
background-color: white; background-color: white;
padding-left: 0.5em; padding-left: 0.0em;
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
} }
#menu > ul > li > a { #menu > ul > li > a {
text-shadow: #555 -1px 1px 0px; text-shadow: none;
} }
#menu > ul > li.active > a { #menu > ul > li.active > a {
@ -79,7 +74,7 @@
} }
#menu > ul > li { #menu > ul > li {
border-bottom: 1px solid #888; border-bottom: 1px solid #d9d9d9;
} }
#menu > ul > li li { #menu > ul > li li {
@ -90,12 +85,12 @@
/* Collapsed menu item color */ /* Collapsed menu item color */
#menu > ul > li > a { #menu > ul > li > a {
color: #f5f5f5; color: #666;
} }
/* Sub item color */ /* Sub item color */
#menu .active ul li a { #menu .active ul li a {
color: #a6a6a6; color: #666;
} }
#menu ul { #menu ul {
@ -122,22 +117,23 @@
} }
#menu > ul > li { #menu > ul > li {
margin: 0 0 0 0.5em; margin-left: 5px;
} }
#menu > ul > li.active { #menu > ul > li.active {
-moz-box-shadow: none; -moz-box-shadow: none;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
border-left: solid 5px #049baf;
} }
/* BEGIN OF Hoverable menu */ /* BEGIN OF Hoverable menu */
#menu li.hover { #menu li.hover {
width: 26em; width: 26em;
padding-left: 0.5em; padding-left: 0.0em;
margin-left: 0; margin-left: 5px;
margin-right: 0; margin-right: 5;
position: relative; position: relative;
} }
@ -148,13 +144,14 @@
right: 0; right: 0;
top: -0.5em; top: -0.5em;
padding-top: 1em; padding-top: 1em;
padding-left: 1em;
padding-bottom: 0.5em; padding-bottom: 0.5em;
height: auto; height: auto;
background-color: #333; background-color: #222222;
} }
#menu li.hover > a { #menu li.hover > a {
color: white; color: black;
} }
#menu li.hover > ul a { #menu li.hover > ul a {
@ -168,7 +165,7 @@
} }
#menu li.hover > ul a:focus { #menu li.hover > ul a:focus {
text-shadow: 1px 1px 0 #ddd; text-shadow: none;
} }
#menu li.hover > ul > li.active > a { #menu li.hover > ul > li.active > a {
@ -220,9 +217,8 @@
background-image: url('../img/icons/search.png'); background-image: url('../img/icons/search.png');
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 1.2em center; background-position: 1.2em center;
color: #f5f5f5; color: #666;
text-shadow: -1px 1px 0 #555555; border-bottom: 1px solid #d9d9d9;
border-bottom: 1px solid #888;
} }
html.ie8 #menu input.search { html.ie8 #menu input.search {
@ -230,15 +226,15 @@ html.ie8 #menu input.search {
} }
#menu input.search:-ms-input-placeholder { #menu input.search:-ms-input-placeholder {
color: #f5f5f5; color: #666;
} }
#menu input.search::-webkit-input-placeholder { #menu input.search::-webkit-input-placeholder {
color: #f5f5f5; color: #666;
} }
#menu input.search::-moz-placeholder { #menu input.search::-moz-placeholder {
color: #f5f5f5; color: #666;
opacity: 1; opacity: 1;
} }

5
public/css/icinga/tabs.less
View File

@ -33,9 +33,6 @@ ul.tabs li a {
} }
ul.tabs > li > a { ul.tabs > li > a {
border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
} }
ul.tabs > li > a:focus { ul.tabs > li > a:focus {
@ -138,4 +135,4 @@ ul.tabs img.icon {
a.close-tab { a.close-tab {
display: none; display: none;
} }