external/aurweb
0
0
Fork 0
mirror of https://gitlab.archlinux.org/archlinux/aurweb.git synced 2025-02-03 10:43:03 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(RTL): make RTL layout properly displayed

Browse source 
Closes: #290

Signed-off-by: Leonidas Spyropoulos <artafinde@archlinux.org>
This commit is contained in:
Leonidas Spyropoulos 2023-02-19 02:14:47 +00:00
parent 45218c4ce7
commit 68813abcf0
No known key found for this signature in database
GPG key ID: 59E43E106B247368
1 changed files with 33 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
web/html/css/archweb.css
View file

@ -345,11 +345,14 @@ dl {
border-top: 1px dotted #bbb; border-top: 1px dotted #bbb;
} }
[dir="rtl"] dl dt {float: right; padding-left: 15px;} [dir="rtl"] dl dt {
float: right;
padding-left: 15px;
}
dl dt { dl dt {
color: #333; color: #333;
float:left; float: left;
padding-right:15px; padding-right: 15px;
} }
/* forms and input styling */ /* forms and input styling */
@ -502,7 +505,9 @@ table thead th.sorter-false {
#news .more { #news .more {
font-weight: normal; font-weight: normal;
} }
[dir="rtl"] #news .rss-icon {
float: left;
}
#news .rss-icon { #news .rss-icon {
float: right; float: right;
margin-top: 1em; margin-top: 1em;
@ -514,7 +519,10 @@ table thead th.sorter-false {
margin-top: 1.5em; margin-top: 1.5em;
border-bottom: 1px dotted #bbb; border-bottom: 1px dotted #bbb;
} }
[dir="rtl"] #news .timestamp {
float: left;
margin: -1.8em 0 0 0.5em;
}
#news .timestamp { #news .timestamp {
float: right; float: right;
font-size: 0.85em; font-size: 0.85em;
@ -559,7 +567,9 @@ h3 span.arrow {
padding: 0.1em 0; padding: 0.1em 0;
} }
[dir="rtl"] #pkgsearch input {float: left;} [dir="rtl"] #pkgsearch input {
float: left;
}
#pkgsearch input { #pkgsearch input {
width: 10em; width: 10em;
float: right; float: right;
@ -569,7 +579,11 @@ h3 span.arrow {
border: 1px solid #09c; border: 1px solid #09c;
} }
[dir="rtl"] .pkgsearch-typeahead {right:0;float:right;text-align: right;} [dir="rtl"] .pkgsearch-typeahead {
right: 0;
float: right;
text-align: right;
}
.pkgsearch-typeahead { .pkgsearch-typeahead {
position: absolute; position: absolute;
@ -606,7 +620,8 @@ h3 span.arrow {
font-weight: normal; font-weight: normal;
} }
[dir="rtl"] #pkg-updates .rss-icon { [dir="rtl"] #pkg-updates .rss-icon {
float: left;} float: left;
}
#pkg-updates .rss-icon { #pkg-updates .rss-icon {
float: right; float: right;
margin: -2em 0 0 0; margin: -2em 0 0 0;
@ -741,6 +756,9 @@ div.news-article .article-info {
width: 100%; width: 100%;
} }
/* max 4 columns, but possibly fewer if screen size doesn't allow for more */ /* max 4 columns, but possibly fewer if screen size doesn't allow for more */
[dir="rtl"] #donor-list li {
float: right;
}
#donor-list li { #donor-list li {
float: left; float: left;
width: 25%; width: 25%;
@ -845,7 +863,7 @@ table.results {
/* pkgdetails: details links that float on the right */ /* pkgdetails: details links that float on the right */
[dir="rtl"] #pkgdetails #detailslinks { [dir="rtl"] #pkgdetails #detailslinks {
float: right; float: left;
} }
#pkgdetails #detailslinks { #pkgdetails #detailslinks {
float: right; float: right;
@ -952,6 +970,7 @@ table.results {
[dir="rtl"] #pkgdetails #pkgdeps { [dir="rtl"] #pkgdetails #pkgdeps {
float: right; float: right;
width: 48%;
margin-left: 2%; margin-left: 2%;
} }
@ -973,6 +992,7 @@ table.results {
[dir="rtl"] #pkgdetails #pkgreqs { [dir="rtl"] #pkgdetails #pkgreqs {
float: right; float: right;
width: 48%;
} }
#pkgdetails #pkgreqs { #pkgdetails #pkgreqs {
@ -981,7 +1001,7 @@ table.results {
} }
#pkgdetails #pkgfiles { #pkgdetails #pkgfiles {
clear: left; clear: both;
padding-top: 1em; padding-top: 1em;
} }
@ -1114,7 +1134,9 @@ table.dash-stats .key {
} }
/* dev dashboard: admin actions (add news items, todo list, etc) */ /* dev dashboard: admin actions (add news items, todo list, etc) */
[dir="rtl"] ul.admin-actions {float: left;} [dir="rtl"] ul.admin-actions {
float: left;
}
ul.admin-actions { ul.admin-actions {
float: right; float: right;
list-style: none; list-style: none;