OpenCloud
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube
1
0
Fork 0
Code Issues Releases Wiki Activity

Fix buttons display on mobile history view

pull/2701/head
kimsible 2020-04-28 14:39:32 +02:00 committed by Rigel Kent
parent b15fe00f74
commit 62365adc75
1 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
client/src/app/+my-account/my-account-history/my-account-history.component.scss
View File

@ -12,6 +12,8 @@
.top-buttons { .top-buttons {
margin-bottom: 20px; margin-bottom: 20px;
display: flex; display: flex;
align-items: center;
flex-wrap: wrap;
.history-switch { .history-switch {
display: flex; display: flex;
@ -38,3 +40,20 @@
flex-grow: 1; flex-grow: 1;
} }
} }
@media screen and (max-width: $mobile-view) {
.top-buttons {
.history-switch label, .delete-history {
@include ellipsis;
}
.history-switch label {
width: 60%;
}
.delete-history {
margin-left: auto;
max-width: 32%;
}
}
}