openstack/horizon
Code Issues Proposed changes

Merge "Updated Wizard Help Panel Design"

Browse Source
This commit is contained in:
Jenkins 2015-03-11 05:37:55 +00:00 committed by Gerrit Code Review
commit e27bed8bd5
3 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
horizon/static/angular/help-panel/help-panel.scss
View File

@ -33,6 +33,10 @@
&.open {
right: 0;
border: 1px solid $helpPanelBorderColor;
border-right: none;
margin-top: -1px;
margin-bottom: -1px;
& > button.open {
display: none;
@ -56,14 +60,18 @@
border: none;
text-align: center;
vertical-align: middle;
background: $helpPanelBg;
background: $helpPanelBtnBg;
border: 1px solid $helpPanelBorderColor;
border-right: none;
margin-top: -1px;
// button icon
& > * {
display: inline-block;
vertical-align: middle;
background: $helpPanelBtnBg;
color: $helpPanelBtnColor;
background: $helpPanelBtnIconBg;
color: $helpPanelBtnIconColor;
font-size: $helpPanelBtnIconSize;
}

3
horizon/static/angular/table/table.scss
View File

@ -31,7 +31,6 @@ $em-per-priority: floor($table-col-avg-width / $font-size-base) * 3;
padding: $table-padding;
position: relative;
white-space: nowrap;
z-index: 10;
&:first-child, &.action-col {
border-left: $table-border;
@ -55,7 +54,6 @@ $em-per-priority: floor($table-col-avg-width / $font-size-base) * 3;
vertical-align: top;
min-width: $batch-action-width;
width: $batch-action-width;
z-index: 20;
.btn {
width: 100%;
@ -195,7 +193,6 @@ $em-per-priority: floor($table-col-avg-width / $font-size-base) * 3;
height: $table-gap-height;
padding: 0;
position: relative;
z-index: 30;
}
&.table-striped {

8
openstack_dashboard/static/dashboard/scss/_variables.scss
View File

@ -86,9 +86,11 @@ $accordionSubHeaderFontColor: #6e6e6e !default;
// theme
$helpPanelColor: #333 !default;
$helpPanelBg: #eee !default;
$helpPanelBtnColor: #333 !default;
$helpPanelBtnBg: transparent !default;
$helpPanelBg: #fff !default;
$helpPanelBtnBg: #eee !default;
$helpPanelBtnIconColor: #333 !default;
$helpPanelBtnIconBg: transparent !default;
$helpPanelBorderColor: #888; !default;
// layout
$helpPanelWidthDefault: 300px !default;