diff options
author | Chocobozzz <me@florianbigard.com> | 2022-06-15 14:59:25 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2022-06-16 11:37:08 +0200 |
commit | 5b0ec7cddb1ae6dbd2057f067382866f846b882c (patch) | |
tree | 5751d96ec4ab0d49b793c4ff1c8edbc8daeab6ac /client/src/app/shared/shared-video-playlist/video-add-to-playlist.component.scss | |
parent | b13a0a48bacb53e65e665774e621326452045294 (diff) | |
download | PeerTube-5b0ec7cddb1ae6dbd2057f067382866f846b882c.tar.gz PeerTube-5b0ec7cddb1ae6dbd2057f067382866f846b882c.tar.zst PeerTube-5b0ec7cddb1ae6dbd2057f067382866f846b882c.zip |
Increase global font size
Diffstat (limited to 'client/src/app/shared/shared-video-playlist/video-add-to-playlist.component.scss')
-rw-r--r-- | client/src/app/shared/shared-video-playlist/video-add-to-playlist.component.scss | 45 |
1 files changed, 15 insertions, 30 deletions
diff --git a/client/src/app/shared/shared-video-playlist/video-add-to-playlist.component.scss b/client/src/app/shared/shared-video-playlist/video-add-to-playlist.component.scss index 7db469d7c..de2f1032b 100644 --- a/client/src/app/shared/shared-video-playlist/video-add-to-playlist.component.scss +++ b/client/src/app/shared/shared-video-playlist/video-add-to-playlist.component.scss | |||
@@ -1,10 +1,6 @@ | |||
1 | @use '_variables' as *; | 1 | @use '_variables' as *; |
2 | @use '_mixins' as *; | 2 | @use '_mixins' as *; |
3 | 3 | ||
4 | $optional-rows-checkbox-width: 34px; | ||
5 | $timestamp-width: 50px; | ||
6 | $timestamp-margin-right: 10px; | ||
7 | |||
8 | .header, | 4 | .header, |
9 | .dropdown-item, | 5 | .dropdown-item, |
10 | .input-container { | 6 | .input-container { |
@@ -52,12 +48,12 @@ $timestamp-margin-right: 10px; | |||
52 | } | 48 | } |
53 | } | 49 | } |
54 | 50 | ||
55 | .primary-row, | 51 | .primary-row { |
56 | .optional-rows > div { | ||
57 | display: flex; | 52 | display: flex; |
58 | 53 | ||
59 | my-peertube-checkbox { | 54 | my-peertube-checkbox { |
60 | @include margin-right(10px); | 55 | @include margin-right(10px); |
56 | |||
61 | align-self: center; | 57 | align-self: center; |
62 | } | 58 | } |
63 | 59 | ||
@@ -84,41 +80,30 @@ $timestamp-margin-right: 10px; | |||
84 | height: 19px; | 80 | height: 19px; |
85 | } | 81 | } |
86 | } | 82 | } |
87 | |||
88 | my-timestamp-input { | ||
89 | @include margin-right($timestamp-margin-right); | ||
90 | |||
91 | ::ng-deep .ui-inputtext { | ||
92 | padding: 0; | ||
93 | width: $timestamp-width; | ||
94 | } | ||
95 | } | ||
96 | } | 83 | } |
97 | 84 | ||
98 | .optional-rows { | 85 | .optional-rows { |
99 | > div { | 86 | display: grid; |
100 | padding: 8px 5px 5px 10px; | 87 | grid-template-columns: 35px 80px 80px; |
101 | } | 88 | row-gap: 3px; |
89 | column-gap: 10px; | ||
90 | align-items: center; | ||
102 | 91 | ||
103 | my-peertube-checkbox { | 92 | my-peertube-checkbox { |
104 | @include margin-right(0 !important); | 93 | @include margin-left(auto); |
105 | |||
106 | display: block; | ||
107 | width: $optional-rows-checkbox-width; | ||
108 | } | 94 | } |
109 | 95 | ||
110 | .labels { | 96 | .header-label { |
111 | @include margin-left($optional-rows-checkbox-width); | ||
112 | |||
113 | font-size: 13px; | 97 | font-size: 13px; |
114 | color: pvar(--greyForegroundColor); | 98 | color: pvar(--greyForegroundColor); |
115 | padding-top: 5px; | 99 | padding-left: 2px; |
116 | padding-bottom: 0; | ||
117 | 100 | ||
118 | div { | 101 | &:nth-child(1) { |
119 | @include margin-right($timestamp-margin-right); | 102 | grid-column: 2; |
103 | } | ||
120 | 104 | ||
121 | width: $timestamp-width; | 105 | &:nth-child(2) { |
106 | grid-column: 3; | ||
122 | } | 107 | } |
123 | } | 108 | } |
124 | } | 109 | } |