aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2019-01-17 11:16:08 +0100
committerChocobozzz <me@florianbigard.com>2019-01-17 11:16:08 +0100
commit17bb716bc49b30cc8f22e32f73b9b53ab9ae560d (patch)
tree0fa89809a3d9622a28c75e5bbc1520d9ba32c2ef /client/src/sass
parent457bb213b273a9b206cc5654eb085cede4e916ad (diff)
downloadPeerTube-17bb716bc49b30cc8f22e32f73b9b53ab9ae560d.tar.gz
PeerTube-17bb716bc49b30cc8f22e32f73b9b53ab9ae560d.tar.zst
PeerTube-17bb716bc49b30cc8f22e32f73b9b53ab9ae560d.zip
Fix some styles
Video edit tags, dropdown actions font ...
Diffstat (limited to 'client/src/sass')
-rw-r--r--client/src/sass/include/_mixins.scss1
-rw-r--r--client/src/sass/primeng-custom.scss55
2 files changed, 34 insertions, 22 deletions
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index 1da240db8..8749649d3 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -76,6 +76,7 @@
76 border-radius: 3px; 76 border-radius: 3px;
77 padding-left: 15px; 77 padding-left: 15px;
78 padding-right: 15px; 78 padding-right: 15px;
79 font-size: 15px;
79 80
80 &::placeholder { 81 &::placeholder {
81 color: var(--inputPlaceholderColor); 82 color: var(--inputPlaceholderColor);
diff --git a/client/src/sass/primeng-custom.scss b/client/src/sass/primeng-custom.scss
index 6057b1db0..7ba011180 100644
--- a/client/src/sass/primeng-custom.scss
+++ b/client/src/sass/primeng-custom.scss
@@ -263,33 +263,40 @@ p-calendar .ui-datepicker {
263 } 263 }
264} 264}
265 265
266.ui-chkbox {
266 267
267.ui-chkbox-box { 268 &, .ui-chkbox-box {
268 &.ui-state-active { 269 width: 18px !important;
269 border-color: var(--mainColor) !important; 270 height: 18px !important;
270 background-color: var(--mainColor) !important;
271 } 271 }
272 272
273 .ui-chkbox-icon { 273 .ui-chkbox-box {
274 position: relative; 274 &.ui-state-active {
275 overflow: visible !important; 275 border-color: var(--mainColor) !important;
276 276 background-color: var(--mainColor) !important;
277 &:after {
278 content: '';
279 position: absolute;
280 top: 1px;
281 left: 7px;
282 width: 5px;
283 height: 13px;
284 opacity: 0;
285 transform: rotate(45deg) scale(0);
286 border-right: 2px solid var(--mainBackgroundColor);
287 border-bottom: 2px solid var(--mainBackgroundColor);
288 } 277 }
289 278
290 &.pi-check:after { 279 .ui-chkbox-icon {
291 opacity: 1; 280 position: relative;
292 transform: rotate(45deg) scale(1); 281 overflow: visible !important;
282
283 &:after {
284 content: '';
285 position: absolute;
286 top: 1px;
287 left: 6px;
288 width: 5px;
289 height: 12px;
290 opacity: 0;
291 transform: rotate(45deg) scale(0);
292 border-right: 2px solid var(--mainBackgroundColor);
293 border-bottom: 2px solid var(--mainBackgroundColor);
294 }
295
296 &.pi-check:after {
297 opacity: 1;
298 transform: rotate(45deg) scale(1);
299 }
293 } 300 }
294 } 301 }
295} 302}
@@ -354,3 +361,7 @@ p-toast {
354 } 361 }
355 } 362 }
356} 363}
364
365.ui-widget {
366 font-family: $main-fonts !important;
367}