deepcrayon/lila
deepcrayon/lila
1
0
Fork 0
Code Releases Activity

responsive streamer page

Browse source
This commit is contained in:
Thibault Duplessis 2019-04-30 22:30:30 +07:00
parent bc8b8b6b2b
commit d989a99885
5 changed files with 14 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
ui/site/css/build/_streamer.form.scss
View file

@ -1,4 +1,3 @@
@import '../../../common/css/plugin';
@import '../../../common/css/form/form3';
@import '../streamer/header';
@import '../streamer/form';

1
ui/site/css/build/_streamer.show.scss
View file

@ -1,4 +1,3 @@
@import '../../../common/css/plugin';
@import '../user/activity';
@import '../streamer/header';
@import '../streamer/show';

2
ui/site/css/streamer/_form.scss
View file

@ -1,5 +1,7 @@
$mq-picture: $mq-large;
@import 'header';
.streamer-edit {
.streamer-header {

5
ui/site/css/streamer/_header.scss
View file

@ -4,7 +4,10 @@
flex: 0 0 300px;
}
.overview {
margin: 20px 10px 0 20px;
margin: 20px var(--box-padding) 0 var(--box-padding);
@include breakpoint($mq-picture) {
margin: 20px 10px 0 2em;
}
display: flex;
flex-flow: column;
justify-content: space-between;

9
ui/site/css/streamer/_show.scss
View file

@ -1,5 +1,7 @@
$mq-picture: $mq-large;
@import 'header';
.streamer-show {
.page-menu__content {
overflow: hidden; /* help with responsive overflow of activity */
@ -7,9 +9,14 @@ $mq-picture: $mq-large;
h1 {
@extend %roboto;
@include fluid-size('font-size', 23px, 40px);
text-overflow: ellipsis;
overflow: hidden;
&::before {
display: inline;
margin-right: .2em;
display: none;
@include breakpoint($mq-xx-small) {
display: inline;
}
@include breakpoint($mq-picture) {
display: none;
}