Skip to content

Commit f2f1c49

Browse files
committed
* replace remaining CSS physical properties with their logical ones as cascading will work on logical over the physical one: https://wpt.fyi/results/css/css-logical/cascading-001.html, partial revert cb590b2 @ fe
1 parent b61be01 commit f2f1c49

3 files changed

Lines changed: 3 additions & 6 deletions

File tree

fe/src/assets/css/global.css

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,8 +17,7 @@ a {
1717
}
1818

1919
address {
20-
/* cannot use logical property as overriding existing physical property */
21-
margin-bottom: 0 !important; /* https://getbootstrap.com/docs/5.3/content/reboot/#address */
20+
margin-block-end: 0 !important; /* https://getbootstrap.com/docs/5.3/content/reboot/#address */
2221
}
2322

2423
* {

fe/src/components/post/Nav.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -64,7 +64,7 @@ const threadMenuItemsRef = useTemplateRef('threadMenuItemsRef');
6464
6565
useNoScript(`<style>
6666
.post-nav > .ant-menu-root {
67-
padding-left: 0; /* cannot use logical property as overriding existing physical property */
67+
padding-inline-start: 0;
6868
}
6969
</style>`);
7070
const [isPostNavExpanded, togglePostNavExpanded] = useToggle(true);

fe/src/components/post/renderer/Table.vue

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -158,10 +158,8 @@ const subReplyColumns = ref<ColumnType[]>([
158158
padding: .5rem;
159159
}
160160
161-
/* cannot use logical property as overriding existing physical property */
162161
:deep(.ant-table thead > tr > th) {
163-
padding-top: .5rem !important;
164-
padding-bottom: .5rem !important;
162+
padding-block: .5rem !important;
165163
}
166164
:deep(.ant-table thead > tr) {
167165
position: sticky;

0 commit comments

Comments
 (0)