aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2023-05-25 16:03:29 +0200
committerChocobozzz <me@florianbigard.com>2023-05-25 16:09:47 +0200
commit4958e9e56e089740b5afd94bde6c54a7f4433f8f (patch)
tree879a777d017b7e78282367bf2ebf3b11073810ac
parent0a1aaf2d11578d90fba89066510126392041c398 (diff)
downloadPeerTube-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.scss3
-rw-r--r--client/src/sass/primeng-custom.scss26
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 @@
4input:not([type=submit]) { 4input: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}