fix(alwaysontop): change the size of the toolbar
This commit is contained in:
parent
735a596afe
commit
70422f4a47
|
@ -50,6 +50,21 @@
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Always on top overrides.
|
||||||
|
*/
|
||||||
|
&.always-on-top {
|
||||||
|
/**
|
||||||
|
* Toolbar button styles for always on top.
|
||||||
|
*/
|
||||||
|
> .button {
|
||||||
|
font-size: $alwaysOnTopToolbarFontSize;
|
||||||
|
height: $alwaysOnTopToolbarSize;
|
||||||
|
line-height: $alwaysOnTopToolbarSize;
|
||||||
|
width: $alwaysOnTopToolbarSize;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Toolbar button styles.
|
* Toolbar button styles.
|
||||||
*/
|
*/
|
||||||
|
@ -128,6 +143,11 @@
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
|
||||||
|
&.always-on-top {
|
||||||
|
height: $alwaysOnTopToolbarSize;
|
||||||
|
top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
@include transform(translateX(-50%));
|
@include transform(translateX(-50%));
|
||||||
|
|
||||||
> div:first-child .button {
|
> div:first-child .button {
|
||||||
|
|
|
@ -32,6 +32,8 @@ $defaultDarkColor: #2b3d5c;
|
||||||
/**
|
/**
|
||||||
* Toolbar
|
* Toolbar
|
||||||
*/
|
*/
|
||||||
|
$alwaysOnTopToolbarFontSize: 1em;
|
||||||
|
$alwaysOnTopToolbarSize: 30px;
|
||||||
$defaultToolbarSize: 50px;
|
$defaultToolbarSize: 50px;
|
||||||
$defaultFilmStripOnlyToolbarSize: 37px;
|
$defaultFilmStripOnlyToolbarSize: 37px;
|
||||||
$secToolbarFontSize: 1.9em;
|
$secToolbarFontSize: 1.9em;
|
||||||
|
|
|
@ -251,7 +251,8 @@ export default class AlwaysOnTop extends Component {
|
||||||
*/
|
*/
|
||||||
render() {
|
render() {
|
||||||
const className
|
const className
|
||||||
= `toolbar_primary ${this.state.visible ? 'fadeIn' : 'fadeOut'}`;
|
= `toolbar_primary always-on-top ${
|
||||||
|
this.state.visible ? 'fadeIn' : 'fadeOut'}`;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<StatelessToolbar
|
<StatelessToolbar
|
||||||
|
|
Loading…
Reference in New Issue