Refactor ellipsis CSS

pull/1697/head
Chocobozzz 2019-02-20 15:52:03 +01:00
parent 6d28a5056e
commit ef80c66cea
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
6 changed files with 17 additions and 20 deletions

View File

@ -58,12 +58,10 @@
.video-info-account {
@include disable-default-a-behaviour;
@include ellipsis;
display: block;
width: fit-content;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
color: $grey-foreground-color;

View File

@ -48,9 +48,8 @@
overflow: hidden;
.instance-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
@include ellipsis;
width: 100%;
}

View File

@ -10,12 +10,12 @@
}
menu {
@include ellipsis;
background-color: var(--menuBackgroundColor);
margin: 0;
padding: 0;
height: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: auto;
color: var(--menuForegroundColor);
display: flex;
@ -40,10 +40,9 @@ menu {
margin-bottom: 35px;
.logged-in-info {
@include ellipsis;
flex-grow: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
.logged-in-display-name {
font-size: 16px;
@ -55,11 +54,10 @@ menu {
}
.logged-in-username {
@include ellipsis;
font-size: 13px;
color: #C6C6C6;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 140px;
}
}

View File

@ -80,12 +80,10 @@
.video-info-account {
@include disable-default-a-behaviour;
@include ellipsis;
display: block;
width: fit-content;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
color: $grey-foreground-color;

View File

@ -44,11 +44,9 @@
.video-miniature-account,
.video-miniature-channel {
@include disable-default-a-behaviour;
@include ellipsis;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 13px;
color: $grey-foreground-color;

View File

@ -18,6 +18,12 @@
}
}
@mixin ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/**
* This mixin will crop text in block for needed amount of lines and put ellipsis at the end
*