mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-24 19:19:57 +08:00
Code Issues Actions 31 Packages Projects Releases Wiki Activity

Fix rtl docs: aside and bottom nav (#20652)

Browse Source 
* docs: fix bottom navigation in rtl

* docs: fix aside item-group-title

* docs: bottom nav in rtl and dark mode
This commit is contained in:
Saeed Rahimi 2020-03-04 14:29:33 +03:30 committed by GitHub
parent 00b2d74ea1
commit 17f89484e0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 58 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
site/theme/static/common.less
View File

@ -83,16 +83,31 @@ a {
> .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
&.ant-menu-inline > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item {
padding-left: 40px !important;
.ant-row-rtl & {
padding-right: 40px !important;
padding-left: 16px !important;
}
}
// Nest Category > Type > Article
&.ant-menu-inline {
.ant-menu-item-group-title {
padding-left: 56px;
.ant-row-rtl & {
padding-right: 56px;
padding-left: 16px;
}
}
.ant-menu-item-group-list > .ant-menu-item {
padding-left: 80px !important;
.ant-row-rtl & {
padding-right: 80px !important;
padding-left: 16px !important;
}
}
}

2
site/theme/static/dark.less
View File

@ -132,7 +132,6 @@
}
&:hover .footer-nav-icon-before {
left: -3px;
color: @primary-color;
}
}
@ -143,7 +142,6 @@
}
&:hover .footer-nav-icon-after {
right: -3px;
color: @primary-color;
}
}

38
site/theme/static/page-nav.less
View File

@ -12,6 +12,15 @@
height: 72px;
line-height: 72px;
text-decoration: none;
.ant-row-rtl & {
float: right;
.footer-nav-icon-before,
.footer-nav-icon-after {
transform: rotate(180deg);
}
}
}
> a.prev-page {
@ -22,6 +31,13 @@
color: @site-text-color-secondary;
font-size: 12px;
transition: all 0.3s;
.ant-row-rtl & {
right: 0;
left: auto;
margin-right: 0;
margin-left: 1em;
}
}
.footer-nav-icon-after {
@ -31,6 +47,11 @@
&:hover .footer-nav-icon-before {
left: -3px;
color: @primary-color;
.ant-row-rtl & {
right: -3px;
left: auto;
}
}
}
@ -38,6 +59,11 @@
float: right;
text-align: right;
.ant-row-rtl & {
float: left;
text-align: left;
}
.footer-nav-icon-after {
position: relative;
right: 0;
@ -45,6 +71,13 @@
color: @site-text-color-secondary;
font-size: 12px;
transition: all 0.3s;
.ant-row-rtl & {
right: auto;
left: 0;
margin-right: 1em;
margin-left: 0;
}
}
.footer-nav-icon-before {
@ -54,6 +87,11 @@
&:hover .footer-nav-icon-after {
right: -3px;
color: @primary-color;
.ant-row-rtl & {
right: auto;
left: -3px;
}
}
}

5
site/theme/static/responsive.less
View File

@ -87,6 +87,11 @@
.prev-next-nav {
width: ~'calc(100% - 32px)';
margin-left: 16px;
.ant-row-rtl & {
margin-right: 16px;
margin-left: 64px;
}
}
.drawer {