fix(antdsite): fix group item style issue.

YvesCoding · Aug 22, 2019 · efc20a4 · efc20a4
1 parent b45c61d
commit efc20a4
Showing 1 changed file with 110 additions and 109 deletions.
diff --git a/packages/antdsite/src/default-theme/assets/common.less b/packages/antdsite/src/default-theme/assets/common.less
@@ -15,137 +15,138 @@ a {
   overflow: hidden;
 }
 
-.main-wrapper {
-  background: #fff;
-  margin: 0;
-  border-radius: @border-radius-base;
-  padding: 40px 0 0;
-  position: relative;
-}
-
-.main-container {
-  padding: 0 194px 84px 64px;
-  margin-left: -1px;
-  background: #fff;
-  overflow: hidden;
-  border-left: 1px solid #e9e9e9;
-  position: relative;
-  .modifiedTime {
-    font-size: 13px;
-    font-style: italic;
-    text-align: right;
-    margin: 24px 0;
-    &.modifiedTimeLeft {
-      text-align: left;
-    }
+.page-wrapper {
+  .main-wrapper {
+    background: #fff;
+    margin: 0;
+    border-radius: @border-radius-base;
+    padding: 40px 0 0;
+    position: relative;
   }
-  .doc-avatar-list {
-    position: absolute;
-    .href-box {
-      height: 18px;
-      width: 18px;
-      margin-left: 12px;
-      .ant-avatar > img {
-        max-width: 32px;
+
+  .main-container {
+    padding: 0 194px 84px 64px;
+    margin-left: -1px;
+    background: #fff;
+    overflow: hidden;
+    border-left: 1px solid #e9e9e9;
+    position: relative;
+    .modifiedTime {
+      font-size: 13px;
+      font-style: italic;
+      text-align: right;
+      margin: 24px 0;
+      &.modifiedTimeLeft {
+        text-align: left;
       }
-      &:first-child {
-        margin-left: 0;
+    }
+    .doc-avatar-list {
+      position: absolute;
+      .href-box {
+        height: 18px;
+        width: 18px;
+        margin-left: 12px;
+        .ant-avatar > img {
+          max-width: 32px;
+        }
+        &:first-child {
+          margin-left: 0;
+        }
       }
     }
   }
-}
 
-.main-menu {
-  z-index: 1;
-}
-
-.main-menu-inner {
-  max-height: 100vh;
-  overflow-x: hidden;
-  overflow-y: hidden;
-}
-
-.aside-container {
-  padding-bottom: 50px;
-  font-family: Lato, @font-family;
-
-  &.ant-menu-inline .ant-menu-submenu-title h4,
-  &.ant-menu-inline > .ant-menu-item,
-  &.ant-menu-inline .ant-menu-item a {
-    font-size: 14px;
-    text-overflow: ellipsis;
-    overflow: hidden;
+  .main-menu {
+    z-index: 1;
   }
 
-  a[disabled] {
-    color: #ccc;
+  .main-menu-inner {
+    max-height: 100vh;
+    overflow-x: hidden;
+    overflow-y: hidden;
   }
+  .aside-container {
+    padding-bottom: 48px;
+    font-family: Avenir, @font-family, sans-serif;
+
+    &.ant-menu-inline .ant-menu-submenu-title h4,
+    &.ant-menu-inline > .ant-menu-item,
+    &.ant-menu-inline .ant-menu-item a {
+      overflow: hidden;
+      font-size: 14px;
+      text-overflow: ellipsis;
+    }
 
-  .menu-item-link-outside {
-    position: relative;
-    .anticon {
-      font-size: 12px;
-      color: @primary-color;
-      opacity: 0;
-      position: absolute;
-      right: -10px;
-      top: 16px;
-      transition: all 0.3s;
+    &.ant-menu-inline .ant-menu-item-group-title {
+      padding-left: 56px;
     }
-    &:hover .anticon {
-      opacity: 1;
+
+    a[disabled] {
+      color: #ccc;
     }
-  }
 
-  .ant-menu-item-group-title {
-    padding-left: 40px;
+    .menu-item-link-outside {
+      position: relative;
+      .anticon {
+        position: absolute;
+        top: 16px;
+        right: -10px;
+        color: @primary-color;
+        font-size: 12px;
+        opacity: 0;
+        transition: all 0.3s;
+      }
+      &:hover .anticon {
+        opacity: 1;
+      }
+    }
   }
-}
 
-.aside-container .chinese {
-  font-size: 12px;
-  margin-left: 6px;
-  font-weight: normal;
-  opacity: 0.67;
-}
+  .aside-container .chinese {
+    font-size: 12px;
+    margin-left: 6px;
+    font-weight: normal;
+    opacity: 0.67;
+  }
 
-.outside-link {
-  display: inline-block;
-}
+  .outside-link {
+    display: inline-block;
+  }
 
-.outside-link:after {
-  content: '\e691';
-  font-family: 'anticon';
-  margin-left: 5px;
-  font-size: 12px;
-  color: #aaa;
-}
+  .outside-link:after {
+    content: '\e691';
+    font-family: 'anticon';
+    margin-left: 5px;
+    font-size: 12px;
+    color: #aaa;
+  }
 
-.outside-link.internal {
-  display: none;
-}
+  .outside-link.internal {
+    display: none;
+  }
 
-// .ant-menu-item:not(.ant-menu-item-disabled) a {
-//   color: @site-text-color !important;
-// }
+  // .ant-menu-item:not(.ant-menu-item-disabled) a {
+  //   color: @site-text-color !important;
+  // }
 
-// .ant-menu-item-selected a {
-//   color: @primary-color !important;
-// }
+  // .ant-menu-item-selected a {
+  //   color: @primary-color !important;
+  // }
 
-#react-content {
-  transition: transform 0.3s @ease-in-out-circ;
-}
+  #react-content {
+    transition: transform 0.3s @ease-in-out-circ;
+  }
 
-.drawer-content {
-  padding: 40px 0;
-}
+  .drawer-content {
+    padding: 40px 0;
+  }
 
-.drawer {
-  z-index: 1029;
-}
+  .drawer {
+    z-index: 1029;
+  }
 
-// fix back-top icon background-size 1% bug when modifying the theme.
-.ant-back-top-icon {
-  background-size: 100% 100% !important;
+  // fix back-top icon background-size 1% bug when modifying the theme.
+  .ant-back-top-icon {
+    background-size: 100% 100% !important;
+  }
 }