interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix some styles 

Video edit tags, dropdown actions font ...
This commit is contained in:
Chocobozzz 2019-01-17 11:16:08 +01:00
parent 457bb213b2
commit 17bb716bc4
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
5 changed files with 41 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
client/src/app/header/header.component.scss
View File

@ -6,6 +6,7 @@
padding-left: 10px; padding-left: 10px;
margin-right: 15px; margin-right: 15px;
padding-right: 40px; // For the search icon padding-right: 40px; // For the search icon
font-size: 14px;
&::placeholder { &::placeholder {
color: var(--inputPlaceholderColor); color: var(--inputPlaceholderColor);

1
client/src/app/shared/buttons/button.component.scss
View File

@ -5,7 +5,6 @@
@include peertube-button-link; @include peertube-button-link;
@include button-with-icon(21px, 0, -2px); @include button-with-icon(21px, 0, -2px);
font-size: 15px;
font-weight: $font-semibold; font-weight: $font-semibold;
color: $grey-foreground-color; color: $grey-foreground-color;
background-color: $grey-background-color; background-color: $grey-background-color;

13
client/src/app/videos/+video-edit/shared/video-edit.component.scss
View File

@ -23,10 +23,6 @@ my-peertube-checkbox {
display: block; display: block;
} }
input, select {
font-size: 15px
}
.label-tags + span { .label-tags + span {
font-size: 15px; font-size: 15px;
} }
@ -167,10 +163,10 @@ p-calendar {
} }
tag { tag {
background-color: var(--inputColor) !important; background-color: $grey-background-color !important;
color: #000 !important;
border-radius: 3px !important; border-radius: 3px !important;
font-size: 15px !important; font-size: 15px !important;
color: var(--mainForegroundColor) !important;
height: 30px !important; height: 30px !important;
line-height: 30px !important; line-height: 30px !important;
margin: 0 5px 0 0 !important; margin: 0 5px 0 0 !important;
@ -193,7 +189,10 @@ p-calendar {
top: -1px; top: -1px;
height: auto !important; height: auto !important;
vertical-align: middle !important; vertical-align: middle !important;
fill: $grey-foreground-color !important;
path {
fill: $grey-foreground-color !important;
}
} }
&:hover { &:hover {

1
client/src/sass/include/_mixins.scss
View File

@ -76,6 +76,7 @@
border-radius: 3px; border-radius: 3px;
padding-left: 15px; padding-left: 15px;
padding-right: 15px; padding-right: 15px;
font-size: 15px;
&::placeholder { &::placeholder {
color: var(--inputPlaceholderColor); color: var(--inputPlaceholderColor);

55
client/src/sass/primeng-custom.scss
View File

@ -263,33 +263,40 @@ p-calendar .ui-datepicker {
} }
} }
.ui-chkbox {
.ui-chkbox-box { &, .ui-chkbox-box {
&.ui-state-active { width: 18px !important;
border-color: var(--mainColor) !important; height: 18px !important;
background-color: var(--mainColor) !important;
} }
.ui-chkbox-icon { .ui-chkbox-box {
position: relative; &.ui-state-active {
overflow: visible !important; border-color: var(--mainColor) !important;
background-color: var(--mainColor) !important;
&:after {
content: '';
position: absolute;
top: 1px;
left: 7px;
width: 5px;
height: 13px;
opacity: 0;
transform: rotate(45deg) scale(0);
border-right: 2px solid var(--mainBackgroundColor);
border-bottom: 2px solid var(--mainBackgroundColor);
} }
&.pi-check:after { .ui-chkbox-icon {
opacity: 1; position: relative;
transform: rotate(45deg) scale(1); overflow: visible !important;
&:after {
content: '';
position: absolute;
top: 1px;
left: 6px;
width: 5px;
height: 12px;
opacity: 0;
transform: rotate(45deg) scale(0);
border-right: 2px solid var(--mainBackgroundColor);
border-bottom: 2px solid var(--mainBackgroundColor);
}
&.pi-check:after {
opacity: 1;
transform: rotate(45deg) scale(1);
}
} }
} }
} }
@ -354,3 +361,7 @@ p-toast {
} }
} }
} }
.ui-widget {
font-family: $main-fonts !important;
}