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;

11
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,8 +189,11 @@ p-calendar {
top: -1px; top: -1px;
height: auto !important; height: auto !important;
vertical-align: middle !important; vertical-align: middle !important;
path {
fill: $grey-foreground-color !important; fill: $grey-foreground-color !important;
} }
}
&:hover { &:hover {
transform: none !important; transform: none !important;

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);

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

@ -263,6 +263,12 @@ p-calendar .ui-datepicker {
} }
} }
.ui-chkbox {
&, .ui-chkbox-box {
width: 18px !important;
height: 18px !important;
}
.ui-chkbox-box { .ui-chkbox-box {
&.ui-state-active { &.ui-state-active {
@ -278,9 +284,9 @@ p-calendar .ui-datepicker {
content: ''; content: '';
position: absolute; position: absolute;
top: 1px; top: 1px;
left: 7px; left: 6px;
width: 5px; width: 5px;
height: 13px; height: 12px;
opacity: 0; opacity: 0;
transform: rotate(45deg) scale(0); transform: rotate(45deg) scale(0);
border-right: 2px solid var(--mainBackgroundColor); border-right: 2px solid var(--mainBackgroundColor);
@ -293,6 +299,7 @@ p-calendar .ui-datepicker {
} }
} }
} }
}
p-inputswitch { p-inputswitch {
.ui-inputswitch-checked .ui-inputswitch-slider { .ui-inputswitch-checked .ui-inputswitch-slider {
@ -354,3 +361,7 @@ p-toast {
} }
} }
} }
.ui-widget {
font-family: $main-fonts !important;
}