tarrien/Mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactor styles to use logical properties for positioning (#23944)

Browse Source
This commit is contained in:
Eugen Rochko
2023-03-27 10:56:25 +02:00
committed by GitHub
parent 88fc04d3d7
commit babd86e594
15 changed files with 279 additions and 571 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/javascript/styles/mastodon/emoji_picker.scss
View File

@ -71,7 +71,7 @@
.emoji-mart-anchor-bar {
position: absolute;
bottom: -5px;
left: 0;
inset-inline-start: 0;
width: 100%;
height: 4px;
background-color: $highlight-text-color;
@ -106,7 +106,7 @@
.emoji-mart-search {
padding: 10px;
padding-right: 45px;
padding-inline-end: 45px;
background: $simple-background-color;
position: relative;
@ -114,7 +114,7 @@
font-size: 16px;
font-weight: 400;
padding: 7px 9px;
padding-right: 25px;
padding-inline-end: 25px;
font-family: inherit;
display: block;
width: 100%;
@ -142,7 +142,7 @@
.emoji-mart-search-icon {
position: absolute;
top: 18px;
right: 45px + 5px;
inset-inline-end: 45px + 5px;
z-index: 2;
padding: 2px 5px 1px;
border: 0;
@ -177,7 +177,7 @@
content: '';
position: absolute;
top: 0;
left: 0;
inset-inline-start: 0;
width: 100%;
height: 100%;
background-color: rgba($ui-secondary-color, 0.7);