mirror of
https://github.com/Chocobozzz/PeerTube.git
synced 2024-09-11 13:37:10 +03:00
Fix RTL inconsistencies
This commit is contained in:
parent
d05af753bf
commit
810519b1d4
@ -15,8 +15,9 @@ my-embed {
|
|||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
my-global-icon {
|
my-global-icon {
|
||||||
|
@include margin-left(3px);
|
||||||
|
|
||||||
width: 16px;
|
width: 16px;
|
||||||
margin-left: 3px;
|
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -2px;
|
top: -2px;
|
||||||
}
|
}
|
||||||
|
@ -13,7 +13,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.search-bar {
|
.search-bar {
|
||||||
margin-left: auto;
|
@include margin-left(auto);
|
||||||
|
|
||||||
input {
|
input {
|
||||||
@include peertube-input-text(500px);
|
@include peertube-input-text(500px);
|
||||||
|
@ -21,7 +21,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="second-row">
|
<div class="second-row">
|
||||||
<div class="description">{{ plugin.description }}</div>
|
<div dir="auto" class="description">{{ plugin.description }}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -30,7 +30,7 @@ h4 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.callout-content {
|
.callout-content {
|
||||||
margin-left: 30px;
|
@include margin-left(30px);
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@ -47,7 +47,7 @@ h4 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.callout-content {
|
.callout-content {
|
||||||
margin-left: 0;
|
@include margin-left(0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -33,13 +33,14 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.stats-card {
|
.stats-card {
|
||||||
|
@include margin-right(15px);
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: fit-content;
|
height: fit-content;
|
||||||
min-height: 100px;
|
min-height: 100px;
|
||||||
min-width: 200px;
|
min-width: 200px;
|
||||||
margin-right: 15px;
|
|
||||||
background-color: pvar(--submenuBackgroundColor);
|
background-color: pvar(--submenuBackgroundColor);
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
|
|
||||||
|
@ -5,8 +5,9 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
.information {
|
.information {
|
||||||
|
@include margin-left(50px);
|
||||||
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-left: 50px;
|
|
||||||
|
|
||||||
> div {
|
> div {
|
||||||
margin-bottom: 30px;
|
margin-bottom: 30px;
|
||||||
|
@ -16,7 +16,8 @@
|
|||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-self: center;
|
align-self: center;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 5px;
|
|
||||||
|
@include right(5px);
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
|
@ -15,7 +15,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
my-global-icon {
|
my-global-icon {
|
||||||
|
@include margin-right(15px);
|
||||||
|
|
||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
margin-right: 15px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -84,7 +84,7 @@ export class VideoActionsDropdownComponent implements OnChanges {
|
|||||||
studio: true,
|
studio: true,
|
||||||
stats: true
|
stats: true
|
||||||
}
|
}
|
||||||
@Input() placement = 'left'
|
@Input() placement = 'left auto'
|
||||||
@Input() moreActions: DropdownAction<{ video: Video }>[][] = []
|
@Input() moreActions: DropdownAction<{ video: Video }>[][] = []
|
||||||
@Input({ transform: booleanAttribute }) actionAvailabilityHint = false
|
@Input({ transform: booleanAttribute }) actionAvailabilityHint = false
|
||||||
|
|
||||||
|
10
client/src/sass/bootstrap.scss
vendored
10
client/src/sass/bootstrap.scss
vendored
@ -384,3 +384,13 @@ body {
|
|||||||
// Prevent invalid height in parent: https://stackoverflow.com/a/22425601
|
// Prevent invalid height in parent: https://stackoverflow.com/a/22425601
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
// RTL compatibility
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
|
||||||
|
.modal .modal-header .modal-title {
|
||||||
|
margin-inline-end: auto;
|
||||||
|
margin-right: unset;
|
||||||
|
}
|
||||||
|
@ -817,6 +817,8 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
|
||||||
@mixin margin ($arg1: null, $arg2: null, $arg3: null, $arg4: null) {
|
@mixin margin ($arg1: null, $arg2: null, $arg3: null, $arg4: null) {
|
||||||
@if $arg2 == null and $arg3 == null and $arg4 == null {
|
@if $arg2 == null and $arg3 == null and $arg4 == null {
|
||||||
@include margin-original($arg1, $arg1, $arg1, $arg1);
|
@include margin-original($arg1, $arg1, $arg1, $arg1);
|
||||||
@ -844,6 +846,8 @@
|
|||||||
@include rfs($value, margin-inline-end);
|
@include rfs($value, margin-inline-end);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
|
||||||
@mixin padding-original ($block-start, $inline-end, $block-end, $inline-start) {
|
@mixin padding-original ($block-start, $inline-end, $block-end, $inline-start) {
|
||||||
@include padding-left($inline-start);
|
@include padding-left($inline-start);
|
||||||
@include padding-right($inline-end);
|
@include padding-right($inline-end);
|
||||||
@ -870,3 +874,32 @@
|
|||||||
@mixin padding-right ($value) {
|
@mixin padding-right ($value) {
|
||||||
@include rfs($value, padding-inline-end);
|
@include rfs($value, padding-inline-end);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
*
|
||||||
|
* inset-inline properties are not supported by iOS < 14.5
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
@mixin right ($value) {
|
||||||
|
right: $value;
|
||||||
|
|
||||||
|
@supports (inset-inline-end: $value) {
|
||||||
|
inset-inline-end: $value;
|
||||||
|
right: unset;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@mixin left ($value) {
|
||||||
|
left: $value;
|
||||||
|
|
||||||
|
@supports (inset-inline-start: $value) {
|
||||||
|
inset-inline-start: $value;
|
||||||
|
left: unset;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user