@include peertube-select-container(auto);
}
+.title-page a {
+ color: var(--mainForegroundColor);
+
+ &:hover {
+ text-decoration: none;
+ opacity: .8;
+ }
+}
+
+my-peertube-checkbox {
+ display: block;
+ margin-bottom: 1rem;
+}
+
+.nav-tabs {
+ margin-bottom: 15px;
+}
+
.video-edit {
height: 100%;
min-height: 300px;
display: block;
}
- input, select {
- font-size: 15px
- }
-
.label-tags + span {
font-size: 15px;
}
text-align: right;
.create-caption {
- @include create-button('../../../../assets/images/global/add.svg');
+ @include create-button;
}
}
display: inline-block;
margin-right: 25px;
- color: #585858;
+ color: $grey-foreground-color;
font-size: 15px;
}
.submit-button {
@include peertube-button;
@include orange-button;
+ @include button-with-icon(20px, 1px);
display: inline-block;
border: none;
padding: 0;
outline: 0;
- }
-
- .icon.icon-validate {
- @include icon(20px);
-
- cursor: inherit;
- position: relative;
- top: -1px;
- margin-right: 4px;
- background-image: url('../../../../assets/images/global/validate.svg');
+ color: inherit;
+ font-weight: $font-semibold;
}
}
}
p-calendar {
display: block;
- /deep/ {
+ ::ng-deep {
input,
.ui-calendar {
width: 100%;
}
}
-/deep/ {
- .root-tabset > .nav {
- margin-left: 15px;
- margin-bottom: 15px;
-
- .nav-link {
- display: flex !important;
- align-items: center;
- height: 30px !important;
- padding: 0 15px !important;
- }
- }
-
+::ng-deep {
.ng2-tag-input {
border: none !important;
}
border: 1px solid #C6C6C6;
border-radius: 3px;
padding: 5px !important;
- height: 40px;
+ height: max-content;
}
tag-input-form {
input {
height: 30px !important;
- background-color: #fff !important;
+ font-size: 12px !important;
+
+ background-color: var(--mainBackgroundColor) !important;
+ color: var(--mainForegroundColor) !important;
}
}
tag {
- background-color: #E5E5E5 !important;
- border-radius: 3px !important;
- font-size: 15px !important;
+ background-color: $grey-background-color !important;
color: #000 !important;
+ border-radius: 3px !important;
+ font-size: 12px !important;
height: 30px !important;
line-height: 30px !important;
margin: 0 5px 0 0 !important;
top: -1px;
height: auto !important;
vertical-align: middle !important;
- fill: #585858 !important;
+
+ path {
+ fill: $grey-foreground-color !important;
+ }
}
&:hover {