min-height: $button-height;
padding-top: 0;
padding-bottom: 0;
+ flex-wrap: nowrap;
.input-group-text{
font-size: 14px;
z-index: 100;
}
+@mixin responsive-width ($width) {
+ width: $width;
+
+ @media screen and (max-width: $width) {
+ width: 100%;
+ }
+}
+
@mixin peertube-select-container ($width) {
padding: 0;
margin: 0;
&.secondary {
background-color: pvar(--secondaryColor);
}
+
+ &.red {
+ background-color: lighten($color: #c54130, $amount: 10);
+ }
}
}
}
}
-@mixin ng2-tags {
- ::ng-deep {
- .ng2-tag-input {
- border: none !important;
- }
-
- .ng2-tags-container {
- display: flex;
- align-items: center;
- border: 1px solid #C6C6C6;
- border-radius: 3px;
- padding: 5px !important;
- height: max-content;
-
- &:focus-within {
- box-shadow: #{$focus-box-shadow-form} pvar(--mainColorLightest);
- }
- }
-
- tag-input-form {
- input {
- height: 30px !important;
- font-size: 12px !important;
-
- background-color: pvar(--mainBackgroundColor) !important;
- color: pvar(--mainForegroundColor) !important;
- }
- }
-
- tag {
- 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;
- cursor: default !important;
- padding: 0 8px 0 10px !important;
-
- div {
- height: 100% !important;
- }
- }
-
- delete-icon {
- cursor: pointer !important;
- height: auto !important;
- vertical-align: middle !important;
- padding-left: 6px !important;
-
- svg {
- position: relative;
- top: -1px;
- height: auto !important;
- vertical-align: middle !important;
-
- path {
- fill: pvar(--greyForegroundColor) !important;
- }
- }
-
- &:hover {
- transform: none !important;
- }
- }
- }
-}
-
@mixin divider($color: pvar(--submenuColor), $background: pvar(--mainBackgroundColor)) {
width: 95%;
border-top: .05rem solid $color;
}
}
}
+
+@mixin play-icon ($width, $height) {
+ width: 0;
+ height: 0;
+
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%) scale(0.5);
+
+ border-top: ($height / 2) solid transparent;
+ border-bottom: ($height / 2) solid transparent;
+
+ border-left: $width solid rgba(255, 255, 255, 0.95);
+}