Sengi-Windows-MacOS-Linux/src/app/components/floating-column/floating-column.component.scss

37 lines
688 B
SCSS
Raw Normal View History

2018-09-11 06:54:41 +02:00
@import "variables";
2018-09-11 07:54:23 +02:00
@import "mixins";
@import "panel";
2018-09-11 06:54:41 +02:00
.floating-column {
2018-09-11 06:54:41 +02:00
background-color: $color-secondary;
overflow: hidden;
2019-02-11 05:10:45 +01:00
z-index: 200;
2018-09-11 06:54:41 +02:00
position: fixed;
top: 0;
bottom: $stream-selector-height;
2018-09-11 07:54:23 +02:00
padding: 0;
white-space: normal;
&__inner {
position: relative;
width: $stream-column-width;
height: calc(100%);
margin: 0 0 0 $stream-column-separator;
overflow: hidden;
&--left {
width: $stream-column-width;
height: calc(100%);
}
}
2018-09-11 07:54:23 +02:00
}
.close-button {
2019-03-02 08:01:53 +01:00
display: block;
2018-09-11 07:54:23 +02:00
float: right;
2019-03-02 08:01:53 +01:00
font-size: 14px;
color: white;
margin: 10px 16px 0 0;
2018-09-10 03:55:16 +02:00
}