diff options
author | kimsible <kimsible@users.noreply.github.com> | 2020-04-28 14:39:32 +0200 |
---|---|---|
committer | Rigel Kent <par@rigelk.eu> | 2020-04-28 18:30:42 +0200 |
commit | 62365adc7589a8c6b481659e77adc4bdf693e711 (patch) | |
tree | 3b93b38d8fcc6bfaa21d59326582e32852b6c007 /client/src/app/+my-account/my-account-history | |
parent | b15fe00f7409b27573e162192530bc73e3f918b1 (diff) | |
download | PeerTube-62365adc7589a8c6b481659e77adc4bdf693e711.tar.gz PeerTube-62365adc7589a8c6b481659e77adc4bdf693e711.tar.zst PeerTube-62365adc7589a8c6b481659e77adc4bdf693e711.zip |
Fix buttons display on mobile history view
Diffstat (limited to 'client/src/app/+my-account/my-account-history')
-rw-r--r-- | client/src/app/+my-account/my-account-history/my-account-history.component.scss | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/client/src/app/+my-account/my-account-history/my-account-history.component.scss b/client/src/app/+my-account/my-account-history/my-account-history.component.scss index af6395fb1..9eeeaf310 100644 --- a/client/src/app/+my-account/my-account-history/my-account-history.component.scss +++ b/client/src/app/+my-account/my-account-history/my-account-history.component.scss | |||
@@ -12,6 +12,8 @@ | |||
12 | .top-buttons { | 12 | .top-buttons { |
13 | margin-bottom: 20px; | 13 | margin-bottom: 20px; |
14 | display: flex; | 14 | display: flex; |
15 | align-items: center; | ||
16 | flex-wrap: wrap; | ||
15 | 17 | ||
16 | .history-switch { | 18 | .history-switch { |
17 | display: flex; | 19 | display: flex; |
@@ -38,3 +40,20 @@ | |||
38 | flex-grow: 1; | 40 | flex-grow: 1; |
39 | } | 41 | } |
40 | } | 42 | } |
43 | |||
44 | @media screen and (max-width: $mobile-view) { | ||
45 | .top-buttons { | ||
46 | .history-switch label, .delete-history { | ||
47 | @include ellipsis; | ||
48 | } | ||
49 | |||
50 | .history-switch label { | ||
51 | width: 60%; | ||
52 | } | ||
53 | |||
54 | .delete-history { | ||
55 | margin-left: auto; | ||
56 | max-width: 32%; | ||
57 | } | ||
58 | } | ||
59 | } | ||