6a72d2c44b
Some things on the new LI needed tweaking for material design: * Help Icon Strangeness -- Snazz added * Material Icon Alignment -- Removed Custom Size * Required Icon Size Strangeness - Specificity Required Change-Id: I09620f25192352ab47dd329e8a594a9fd091a6a3 partial-bug: 1538491
42 lines
658 B
SCSS
42 lines
658 B
SCSS
$help-panel-width: 400px;
|
|
|
|
.help-toggle,
|
|
.wizard-help,
|
|
#help-panel {
|
|
position: absolute;
|
|
top: $padding-xs-horizontal;
|
|
right: 0;
|
|
z-index: 2; // TODO(robcresswell) untangle the need for this sorcery
|
|
}
|
|
|
|
#help-panel > div {
|
|
width: $help-panel-width;
|
|
}
|
|
|
|
// Controls the size of the "?" icon on the right of the wizards
|
|
.help-toggle {
|
|
@extend .btn-xs;
|
|
font-size: $font-size-h3;
|
|
|
|
.fa {
|
|
@extend .fa-question-circle;
|
|
}
|
|
|
|
&:not(.collapsed) {
|
|
z-index: 3;
|
|
|
|
&,
|
|
&:hover,
|
|
&:active,
|
|
&:focus {
|
|
@extend .close;
|
|
box-shadow: none;
|
|
margin: $padding-xs-horizontal;
|
|
}
|
|
|
|
.fa {
|
|
@extend .fa-times;
|
|
}
|
|
}
|
|
}
|