Browse Source

add border-bottom in the scss file

kaoritokashiki 5 years ago
parent
commit
b269751275

+ 1 - 1
src/client/js/components/PageAccessoriesModal.jsx

@@ -93,7 +93,7 @@ const PageAccessoriesModal = (props) => {
         className="grw-page-accessories-modal"
       >
         <ModalBody>
-          <Nav className="nav-title border-bottom" id="nav_slide_click">
+          <Nav className="nav-title" id="nav_slide_click">
             <NavItem type="button" className={`nav-link ${activeTab === 'pagelist' && 'active'}`}>
               <NavLink
                 onClick={() => { switchActiveTab('pagelist') }}

+ 11 - 0
src/client/styles/scss/_layout_growi.scss

@@ -28,6 +28,17 @@
     }
   }
 
+  // ~アニメーションのため追加~
+
+  @media screen and (min-width: 768px) {
+    #nav_slide_click {
+      border-bottom: 2px solid red;
+      // border: none;
+      // transition: .3s ease-in-out;
+    }
+  }
+  // ~アニメションのための追加終わり~
+
   .revision-toc {
     position: sticky;
     // growisubnavigation + grw-navbar-boder