forks/peertube
1
0
Fork 0
Code Releases Activity

Fix some styles

Browse source 
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;
margin-right: 15px;
padding-right: 40px; // For the search icon
font-size: 14px;
&::placeholder {
color: var(--inputPlaceholderColor);

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

@ -5,7 +5,6 @@
@include peertube-button-link;
@include button-with-icon(21px, 0, -2px);
font-size: 15px;
font-weight: $font-semibold;
color: $grey-foreground-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;
}
input, select {
font-size: 15px
}
.label-tags + span {
font-size: 15px;
}
@ -167,10 +163,10 @@ p-calendar {
}
tag {
background-color: var(--inputColor) !important;
background-color: $grey-background-color !important;
color: #000 !important;
border-radius: 3px !important;
font-size: 15px !important;
color: var(--mainForegroundColor) !important;
height: 30px !important;
line-height: 30px !important;
margin: 0 5px 0 0 !important;
@ -193,7 +189,10 @@ p-calendar {
top: -1px;
height: auto !important;
vertical-align: middle !important;
fill: $grey-foreground-color !important;
path {
fill: $grey-foreground-color !important;
}
}
&:hover {

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

@ -76,6 +76,7 @@
border-radius: 3px;
padding-left: 15px;
padding-right: 15px;
font-size: 15px;
&::placeholder {
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-state-active {
border-color: var(--mainColor) !important;
background-color: var(--mainColor) !important;
&, .ui-chkbox-box {
width: 18px !important;
height: 18px !important;
}
.ui-chkbox-icon {
position: relative;
overflow: visible !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);
.ui-chkbox-box {
&.ui-state-active {
border-color: var(--mainColor) !important;
background-color: var(--mainColor) !important;
}
&.pi-check:after {
opacity: 1;
transform: rotate(45deg) scale(1);
.ui-chkbox-icon {
position: relative;
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;
}