2018-09-12 06:11:01 +02:00
|
|
|
@import "variables";
|
2018-11-01 05:55:55 +01:00
|
|
|
@import "commons";
|
2019-01-28 07:10:18 +01:00
|
|
|
$stream-header-height: 40px;
|
2019-01-29 05:12:46 +01:00
|
|
|
.stream-edition {
|
|
|
|
width: $stream-column-width;
|
|
|
|
position: absolute;
|
|
|
|
z-index: 50;
|
|
|
|
}
|
|
|
|
|
2018-09-12 06:11:01 +02:00
|
|
|
.stream-column {
|
2018-10-22 06:25:36 +02:00
|
|
|
position: relative;
|
2018-09-19 07:03:07 +02:00
|
|
|
width: $stream-column-width;
|
|
|
|
height: calc(100%);
|
2018-10-14 00:23:09 +02:00
|
|
|
background-color: $column-color;
|
2018-09-19 07:03:07 +02:00
|
|
|
margin: 0 0 0 $stream-column-separator;
|
2019-01-29 05:12:46 +01:00
|
|
|
&__stream-header {
|
|
|
|
border-bottom: 1px solid #222736;
|
2019-01-28 07:10:18 +01:00
|
|
|
}
|
2019-01-29 04:20:07 +01:00
|
|
|
&__open-menu {
|
|
|
|
float: right;
|
|
|
|
display: block;
|
|
|
|
width: $stream-header-height - 10px;
|
|
|
|
height: $stream-header-height - 10px;
|
|
|
|
margin: 5px;
|
|
|
|
&:hover &--icon {
|
2019-01-29 05:12:46 +01:00
|
|
|
color: darken(whitesmoke, 30);
|
2019-01-29 04:20:07 +01:00
|
|
|
}
|
|
|
|
&--icon {
|
2019-01-29 05:12:46 +01:00
|
|
|
color: whitesmoke; // float: left;
|
2019-01-29 04:20:07 +01:00
|
|
|
position: relative;
|
2019-01-29 05:12:46 +01:00
|
|
|
top: 4px;
|
2019-01-29 04:20:07 +01:00
|
|
|
left: 8px;
|
|
|
|
}
|
|
|
|
}
|
2019-01-28 07:10:18 +01:00
|
|
|
&__stream-selector {
|
|
|
|
display: block;
|
2018-09-19 07:03:07 +02:00
|
|
|
width: calc(100%);
|
2019-01-28 07:10:18 +01:00
|
|
|
height: $stream-header-height;
|
2018-10-22 06:25:36 +02:00
|
|
|
background-color: $column-header-background-color;
|
2019-01-29 05:12:46 +01:00
|
|
|
text-decoration: none; // &:hover {
|
2019-01-29 04:01:09 +01:00
|
|
|
// }
|
|
|
|
&--icon {
|
|
|
|
color: whitesmoke;
|
|
|
|
float: left;
|
|
|
|
position: relative;
|
|
|
|
left: 11px;
|
|
|
|
top: 9px;
|
2019-01-28 07:10:18 +01:00
|
|
|
}
|
2019-01-29 04:01:09 +01:00
|
|
|
&--title {
|
2018-09-19 07:03:07 +02:00
|
|
|
color: whitesmoke;
|
|
|
|
font-size: 0.8em;
|
2019-01-29 05:12:46 +01:00
|
|
|
font-weight: normal; // margin: 0 0 0 25px;
|
2019-01-29 04:01:09 +01:00
|
|
|
padding: 14px 0 0 35px;
|
2018-09-19 07:03:07 +02:00
|
|
|
}
|
2018-09-12 06:11:01 +02:00
|
|
|
}
|
|
|
|
}
|
2018-03-16 04:48:30 +01:00
|
|
|
|
2018-11-16 05:57:52 +01:00
|
|
|
.stream-statuses {
|
|
|
|
display: block;
|
2019-01-28 07:10:18 +01:00
|
|
|
height: calc(100% - #{$stream-header-height});
|
2018-09-19 07:03:07 +02:00
|
|
|
width: 320px;
|
2018-03-16 04:48:30 +01:00
|
|
|
}
|
2018-09-16 19:11:22 +02:00
|
|
|
|
2018-11-16 05:57:52 +01:00
|
|
|
// .stream-toots {
|
|
|
|
// height: calc(100% - 30px);
|
|
|
|
// width: 320px;
|
|
|
|
// overflow: auto;
|
|
|
|
// &__status:not(:last-child) {
|
|
|
|
// border: solid #06070b;
|
|
|
|
// border-width: 0 0 1px 0;
|
|
|
|
// }
|
|
|
|
// }
|
2018-10-22 06:25:36 +02:00
|
|
|
.stream-overlay {
|
|
|
|
position: absolute;
|
|
|
|
z-index: 50;
|
|
|
|
width: $stream-column-width;
|
|
|
|
height: calc(100%);
|
2018-11-08 05:31:47 +01:00
|
|
|
}
|