diff options
author | Chocobozzz <me@florianbigard.com> | 2023-05-25 16:03:29 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2023-05-25 16:09:47 +0200 |
commit | 4958e9e56e089740b5afd94bde6c54a7f4433f8f (patch) | |
tree | 879a777d017b7e78282367bf2ebf3b11073810ac | |
parent | 0a1aaf2d11578d90fba89066510126392041c398 (diff) | |
download | PeerTube-4958e9e56e089740b5afd94bde6c54a7f4433f8f.tar.gz PeerTube-4958e9e56e089740b5afd94bde6c54a7f4433f8f.tar.zst PeerTube-4958e9e56e089740b5afd94bde6c54a7f4433f8f.zip |
Fix video edit page overflow
-rw-r--r-- | client/src/app/shared/shared-forms/dynamic-form-field.component.scss | 3 | ||||
-rw-r--r-- | client/src/sass/primeng-custom.scss | 26 |
2 files changed, 5 insertions, 24 deletions
diff --git a/client/src/app/shared/shared-forms/dynamic-form-field.component.scss b/client/src/app/shared/shared-forms/dynamic-form-field.component.scss index 0737f372a..dbb8845b9 100644 --- a/client/src/app/shared/shared-forms/dynamic-form-field.component.scss +++ b/client/src/app/shared/shared-forms/dynamic-form-field.component.scss | |||
@@ -4,6 +4,9 @@ | |||
4 | input:not([type=submit]) { | 4 | input:not([type=submit]) { |
5 | @include peertube-input-text(340px); | 5 | @include peertube-input-text(340px); |
6 | 6 | ||
7 | max-width: 340px; | ||
8 | width: 100%; | ||
9 | |||
7 | display: block; | 10 | display: block; |
8 | } | 11 | } |
9 | 12 | ||
diff --git a/client/src/sass/primeng-custom.scss b/client/src/sass/primeng-custom.scss index 620df3cb8..a721663ea 100644 --- a/client/src/sass/primeng-custom.scss +++ b/client/src/sass/primeng-custom.scss | |||
@@ -816,31 +816,9 @@ p-tablecheckbox:hover div .p-checkbox-box { | |||
816 | 816 | ||
817 | .p-checkbox-box { | 817 | .p-checkbox-box { |
818 | &.p-highlight { | 818 | &.p-highlight { |
819 | border-color: pvar(--mainColor) !important; | 819 | color: pvar(--mainBackgroundColor) !important; |
820 | background-color: pvar(--mainColor) !important; | 820 | background-color: pvar(--mainColor) !important; |
821 | } | 821 | border-color: pvar(--mainColor) !important; |
822 | |||
823 | .p-checkbox-icon { | ||
824 | position: relative; | ||
825 | overflow: visible !important; | ||
826 | |||
827 | &:after { | ||
828 | content: ''; | ||
829 | position: absolute; | ||
830 | bottom: -5px; | ||
831 | left: -2px; | ||
832 | width: 5px; | ||
833 | height: 12px; | ||
834 | opacity: 0; | ||
835 | transform: rotate(45deg) scale(0); | ||
836 | border-right: 2px solid pvar(--mainBackgroundColor); | ||
837 | border-bottom: 2px solid pvar(--mainBackgroundColor); | ||
838 | } | ||
839 | |||
840 | &.pi-check:after { | ||
841 | opacity: 1; | ||
842 | transform: rotate(45deg) scale(1); | ||
843 | } | ||
844 | } | 822 | } |
845 | } | 823 | } |
846 | } | 824 | } |