css/_notice.scss

.notice {
    position: absolute;
    left: 50%;
    z-index: $zindex3;
    margin-top: 6px;

    @include transform(translateX(-50%));

    &__message {
        background-color: #000000;
        color: white;
        padding: 3px;
        border-radius: 5px;
    }
}
Toolbar notice as React Component 2017-03-20 11:04:54 -05:00			`.notice {`
React Toolbar 2017-02-16 17:02:40 -06:00			`position: absolute;`
			`left: 50%;`
style: catalog all z-indexes and move toolbar down All z-indexes found in css files have been moved into css variables. If the z-index is used only once, the variable name will be the same as the selector it is used in. If the z-index is used multiple times, then the plain name of $zindex# was used. This allowed a more confident moving down of the toolbar so that the new modal dialog, with z-index 500, could display on top of it. #1436 2017-03-30 10:13:00 -07:00			`z-index: $zindex3;`
Makes it possible to display notification message above the toolbar. 2015-03-12 17:51:31 +01:00			`margin-top: 6px;`
Toolbar notice as React Component 2017-03-20 11:04:54 -05:00
React Toolbar 2017-02-16 17:02:40 -06:00			`@include transform(translateX(-50%));`

Toolbar notice as React Component 2017-03-20 11:04:54 -05:00			`&__message {`
			`background-color: #000000;`
			`color: white;`
			`padding: 3px;`
			`border-radius: 5px;`
			`}`
Makes it possible to display notification message above the toolbar. 2015-03-12 17:51:31 +01:00			`}`