shaba/one
1
0
Fork 0
mirror of https://github.com/OpenNebula/one.git synced 2025-03-18 02:50:09 +03:00
Code Releases Wiki Activity

Improve tabs and nag style

Browse Source
This commit is contained in:
Daniel Molina 2014-09-04 16:14:35 +02:00
parent af4717bc96
commit c2e627a8ca
3 changed files with 124 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/sunstone/public/css/app.css
View File

File diff suppressed because one or more lines are too long

6
src/sunstone/public/scss/_settings.scss
View File

@ -52,7 +52,7 @@ $body-font-family: "Open Sans", sans-serif;
// We use these as default colors throughout // We use these as default colors throughout
//$primary-color: #2ba6cb; //$primary-color: #2ba6cb;
$primary-color: #0099c3; $primary-color: #0098c3;
$secondary-color: #f7f7f7; $secondary-color: #f7f7f7;
// $alert-color: #f04124; // $alert-color: #f04124;
// $success-color: #43AC6A; // $success-color: #43AC6A;
@ -337,9 +337,9 @@ $button-font-weight: normal;
// $button-function-factor: 5%; // $button-function-factor: 5%;
// We use these to control button border styles. // We use these to control button border styles.
$button-border-width: 0px; $button-border-width: 1px;
$button-border-style: solid; $button-border-style: solid;
$secondary-button-border-color: #efefef;
// We use this to set the default radius used throughout the core. // We use this to set the default radius used throughout the core.
// $button-radius: $global-radius; // $button-radius: $global-radius;
// $button-round: $global-rounded; // $button-round: $global-rounded;

129
src/sunstone/public/scss/app.scss
View File

@ -208,18 +208,40 @@ input.search {
a { a {
color: #555 !important; color: #555 !important;
} }
margin-top: 10px;
} }
.subTab { .subTab {
margin-left: 18px; margin-left: 18px;
&:hover {
border-left: 3px solid #999;
}
a { a {
color: #008cba !important; color: #999 !important;
&:hover {
color: #555 !important;
}
} }
} }
li {
border-left: 3px solid #fff;
a {
padding: 0.2323rem 0.875rem !important;
}
}
.navigation-active-li { .navigation-active-li {
font-weight: bold; a {
color: #222 !important;
}
border-left: 3px solid #008cba;
} }
i { i {
@ -396,6 +418,80 @@ fieldset {
} }
} }
.bordered-tabs {
.tabs-content {
border-right: 0px;
border-bottom: 0px;
border-left: 0px;
border-radius: 3px;
min-height: 300px;
&.vertical {
border-left: 1px solid #cfcfcf;
}
&:not(.vertical) {
border-top: 1px solid #cfcfcf;
margin-top: -2px
}
}
dl {
dd {
border: 0px;
}
&.vertical {
.remove-tab {
float: right !important;
margin-top: 4px;
}
dd.active {
border-left: 3px solid #008cba;
}
dd:not(.active) {
border-left: 3px solid #fff;
&:hover {
border-left: 3px solid #999;
}
}
}
&:not(.vertical) {
dd.active {
border-bottom: 3px solid #008cba;
}
dd:not(.active) {
&:hover {
border-bottom: 3px solid #999;
}
}
}
dd.active {
a {
background: #fff;
color: #222;
font-weight: normal !important;
}
}
dd:not(.active) {
a {
color: #999 !important;
background: #fff;
&:hover {
color: #333 !important;
}
}
}
}
}
.remove-tab:hover { .remove-tab:hover {
color: $alert-color; color: $alert-color;
@ -843,14 +939,15 @@ hr {
} }
.accordion_advanced { .accordion_advanced {
margin-bottom: 20px; margin-bottom: 30px;
&>a { &>a {
padding: 10px 20px; padding: 10px 20px;
font-size: 13px;
color: #555;
background: #f7f7f7; background: #f7f7f7;
border: 1px solid #efefef; border: 1px solid #f7f7f7;
color: #333333; //margin-left: 20px;
font-size: 14px;
.fa { .fa {
margin-right: 10px; margin-right: 10px;
@ -858,12 +955,19 @@ hr {
} }
&.active { &.active {
background: #fff;
border: 0px;
border-bottom: 3px solid #008cba;
font-weight: bold;
.fa-chevron-down { .fa-chevron-down {
display: none; display: none;
} }
} }
&:not(.active){ &:not(.active){
border: 1px solid #efefef;
border-radius: 3px;
.fa-chevron-up { .fa-chevron-up {
display: none; display: none;
@ -877,8 +981,10 @@ hr {
} }
&>.content { &>.content {
padding: 20px 10px 5px 10px; border-top: 1px solid #cfcfcf;
border: 1px solid #efefef; //border-radius: 3px;
padding: 20px;
margin-top: 8px;
} }
} }
@ -957,3 +1063,8 @@ hr {
z-index: 2000; z-index: 2000;
} }
.flot-tick-label {
color: #999;
}