Skip to content

[3.0] Theme split (wave 8, part 3) — align text with start and end instead of left and right #9570

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
albertlast wants to merge 3 commits into
base: release-3.0
Choose a base branch
from
+54 −211
Open

[3.0] Theme split (wave 8, part 3) — align text with start and end instead of left and right #9570

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
378653b
Removes rules from rtl.css that no longer match anything
albertlast Aug 29, 2026
131451c
Floats the theme with logical properties instead of left and right
albertlast Aug 29, 2026
c807c4d
Aligns text with start and end instead of left and right
albertlast Aug 29, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion Themes/default/css/admin.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -421,7 +421,7 @@ fieldset.qa_fieldset {
span.search_weight {
width: 40px;
padding: 0 0.5em;
text-align: right;
text-align: end;
}
.search_settings {
width: 47%;
Expand Down
6 changes: 3 additions & 3 deletions Themes/default/css/calendar.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ td.days:hover {
}
#month_grid {
width: 214px;
float: left;
float: inline-start;
text-align: center;
overflow: hidden;
margin-right: 10px;
Expand Down Expand Up @@ -85,7 +85,7 @@ td.days:hover {
#main_grid th.days {
width: 14%;
padding: 5px 10px;
text-align: left;
text-align: start;
background: var(--calendar-th-bg);
}
#main_grid td.weeks {
Expand Down Expand Up @@ -135,7 +135,7 @@ td.days:hover {
#main_grid td.days,
#month_grid td.days {
vertical-align: top;
text-align: left;
text-align: start;
border-right: 1px solid var(--window-border-color);
border-bottom: 1px solid var(--window-border-color);
}
Expand Down
1 change: 0 additions & 1 deletion Themes/default/css/calendar.rtl.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,6 @@
margin: 0 0 0 2px;
}
#month_grid {
float: right;
margin: 0 0 0 1%;
}
#main_grid table.weeklist td.windowbg {
Expand Down
67 changes: 41 additions & 26 deletions Themes/default/css/index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1255,7 +1255,7 @@ html[lang="el-GR"] .inline_mod_check {
height: 18px;
width: 18px;
margin: 2px 5px 0 0;
float: left;
float: inline-start;
}
#pm_menu_top .main_icons,
#alerts_menu_top .main_icons {
Expand Down Expand Up @@ -1532,7 +1532,7 @@ ul li.greeting {
}
.mark_read {
margin: -5px 0 16px 0;
float: right;
float: inline-end;
}
.mark_read .buttonlist {
margin: 0;
Expand Down Expand Up @@ -1787,7 +1787,7 @@ ul li.greeting {
.move_topic {
width: 710px;
margin: auto;
text-align: left;
text-align: start;
}
div.move_topic fieldset {
margin-top: 1ex;
Expand Down Expand Up @@ -1854,15 +1854,15 @@ fieldset.merge_options {
padding: 1px;
}
.login dt {
float: left;
float: inline-start;
clear: both;
text-align: right;
font-weight: bold;
}
.login dd {
width: 54%;
float: right;
text-align: left;
text-align: start;
}
.login p {
text-align: center;
Expand Down Expand Up @@ -1890,7 +1890,7 @@ dl.register_form {
}
dl.register_form dt {
font-weight: normal;
float: left;
float: inline-start;
clear: both;
width: 50%;
margin: 6px 0 0 0;
Expand Down Expand Up @@ -2378,7 +2378,7 @@ a.main_icons.feed::before {
.errorbox p.alert {
padding: 0;
margin: 0 4px 0 0;
float: left;
float: inline-start;
width: 12px;
font-size: 1.5em;
}
Expand Down Expand Up @@ -2497,14 +2497,14 @@ dl {

/* View posts */
.topic .time {
float: right;
float: inline-end;
}
.counter {
padding: 5px 6px 1px 2px;
font-size: 2.2em;
font-weight: bold;
color: var(--counter-color);
float: left;
float: inline-start;
}
.topic_details {
padding: 0 4px 4px 4px;
Expand Down Expand Up @@ -2605,7 +2605,7 @@ dl {
/* Pick theme */
#pick_theme {
width: 100%;
float: left;
float: inline-start;
}
#pick_theme .selected {
background: var(--picktheme-selected-bg);
Expand All @@ -2620,7 +2620,7 @@ dl {
}
dl.stats dt {
width: 50%;
float: left;
float: inline-start;
margin: 0 0 4px 0;
line-height: 1.5em;
clear: both;
Expand All @@ -2646,12 +2646,12 @@ dl.stats {
text-align: center;
}
#stats tr.windowbg th.lefttext {
text-align: left;
text-align: start;
}
#stats tr.windowbg th.stats_month {
width: 25%;
padding: 0 2em;
text-align: left;
text-align: start;
}
#stats tr.windowbg td.stats_day {
padding: 0 3.5em;
Expand Down Expand Up @@ -2716,7 +2716,7 @@ dl.addrules dt.floatleft {
clear: both;
}
#to_item_list_container div, #bcc_item_list_container div {
float: left;
float: inline-start;
margin-right: 10px;
}
.unread_pm {
Expand Down Expand Up @@ -2789,7 +2789,7 @@ dl.addrules dt.floatleft {
/* Styles for the search section.
------------------------------------------------- */
#searchform fieldset {
text-align: left;
text-align: start;
padding: 0;
border: none;
}
Expand Down Expand Up @@ -2817,15 +2817,15 @@ dl.addrules dt.floatleft {
}
#advanced_search dt {
padding: 2px;
text-align: right;
text-align: end;
width: 20%;
}
#advanced_search dd {
width: 75%;
float: left;
float: inline-start;
padding: 2px;
margin: 0 0 0 6px;
text-align: left;
text-align: start;
}
#search_results {
margin-bottom: 5px;
Expand Down Expand Up @@ -3079,7 +3079,7 @@ div#manage_boards dl dd textarea[name=desc] {
margin-bottom: 15px;
}
h3 .collapse {
float: right;
float: inline-end;
margin: 4px 4px 0 0;
}
.board_icon a {
Expand Down Expand Up @@ -3338,7 +3338,7 @@ span.postby {
padding: 4px 0;
width: 30%;
max-width: 30em;
float: left;
float: inline-start;
clear: left;
}
#poll_options dl.options .voted {
Expand All @@ -3347,9 +3347,9 @@ span.postby {
#poll_options dl.options dd {
width: 60%;
max-width: 45em;
float: left;
float: inline-start;
margin: 0 0 4px 0;
text-align: right;
text-align: end;
}

/* Poll notices */
Expand Down Expand Up @@ -3406,7 +3406,7 @@ div#pollmoderation {
}
/* poster details and list of items */
.poster {
float: left;
float: inline-start;
/* Don't set this in em.It will eat too much space if people need to set large text sizes. */
width: 160px;
-webkit-hyphens: auto;
Expand Down Expand Up @@ -3620,15 +3620,30 @@ form#postmodify .roundframe {
padding: 6px;
overflow: hidden;
}
#post_header dt,
#post_header dt {
float: inline-start;
padding: 0;
width: 15%;
margin: 6px 0 0 0;
font-weight: bold;
}
/* The event editor is not mirrored for right-to-left yet, so this half of
the pair keeps a physical float until it is. */
#event_options dt {
float: left;
padding: 0;
width: 15%;
margin: 6px 0 0 0;
font-weight: bold;
}
#post_header dd,
#post_header dd {
float: inline-start;
padding: 0;
width: 83%;
margin: 4px 0;
}
/* The event editor is not mirrored for right-to-left yet, so this half of
the pair keeps a physical float until it is. */
#event_options dd {
float: left;
padding: 0;
Expand Down Expand Up @@ -3751,7 +3766,7 @@ form#postmodify .roundframe {
float: left;
}
#moderationbuttons_strip {
float: left;
float: inline-start;
margin: 4px 0 4px;
}
#moderationbuttons ul li {
Expand Down
12 changes: 6 additions & 6 deletions Themes/default/css/profile.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,12 +14,12 @@
/* The basic user info on the left */
#basicinfo {
width: 20%;
float: left;
float: inline-start;
}

#detailedinfo {
width: 79.5%;
float: right;
float: inline-end;
}

#basicinfo > * {
Expand Down Expand Up @@ -47,7 +47,7 @@

#basicinfo .icon_fields li {
display: block;
float: left;
float: inline-start;
margin-right: 5px;
height: 20px;
}
Expand Down Expand Up @@ -96,7 +96,7 @@
}

#avatar_server_stored div {
float: left;
float: inline-start;
}

#avatar_upload {
Expand All @@ -122,7 +122,7 @@

.activity_stats li {
width: 4.16%;
float: left;
float: inline-start;
text-align: center;
}

Expand Down Expand Up @@ -155,7 +155,7 @@
.profile_pie {
background: url(../images/stats_pie.png);
background-size: auto 20px;
float: left;
float: inline-start;
height: 20px;
width: 20px;
margin: 0 12px 0 0;
Expand Down
Loading
Loading