font-size: 15px;
height: $button-height;
line-height: $button-height;
- // FIXME: because of primeng that redefines border-radius of all input[type="..."]
+
+ // Because of primeng that redefines border-radius of all input[type="..."]
border-radius: 3px !important;
+
text-align: center;
cursor: pointer;
}
background: pvar(--inputBackgroundColor);
position: relative;
font-size: 15px;
+ height: min-content;
&.disabled {
background-color: #E5E5E5;
}
}
-@mixin table-badge {
+@mixin peertube-badge {
border-radius: 2px;
padding: 1/4em 1/2em;
text-transform: uppercase;
@include button-with-icon(20px, 5px, -1px);
}
-@mixin row-blocks ($column-responsive: true) {
+@mixin row-blocks ($column-responsive: true, $min-height: 130px, $separator: true) {
display: flex;
- min-height: 130px;
+ min-height: $min-height;
padding-bottom: 20px;
margin-bottom: 20px;
- border-bottom: 1px solid #C6C6C6;
+
+ @if $separator {
+ border-bottom: 1px solid #C6C6C6;
+ }
@media screen and (max-width: $small-view) {
@if $column-responsive {
span {
position: absolute;
color: $grey-foreground-color;
+
@if $small {
top: -1px;
}