fix(directory): fixed some css is awesome issues

Version

@@ -1 +1 @@
-3.3.62
+3.3.63

directory/Version

@@ -1 +1 @@
-1.0.11
+1.0.12

directory/src/component/dropdown.jsx

@@ -13,7 +13,7 @@ export default function Dropdown(props) {
 
   return (
     <>
-      <section className={`dropdown ${props.className} ${hidden ? '' : 'active'}`} >
+      <section className={`dropdown ${props.className ? props.className : ''} ${hidden ? '' : 'active'}`} >
         <section
           className='text'
           onClick={() => toggleDropdown()}

directory/src/component/popup.css

@@ -35,7 +35,7 @@
 
 .popup.active {
   opacity: 1;
-  z-index: 1;
+  z-index: 10;
 }
 
 .popup .title {
@@ -58,6 +58,7 @@
 .popup .content {
   line-height: 1.3em;
   padding: 1rem 1rem 0 1rem;
+  user-select: text;
 }
 
 @media (max-width: 768px) {

directory/src/routes/root.css

@@ -23,6 +23,7 @@
   align-items: center;
   flex-wrap: nowrap;
   justify-content: flex-start;
+  pointer-events: none;
 }
 
 .header .spacer {
@@ -73,6 +74,17 @@
   transform: translate(0, -100%) rotateZ(45deg) scaleX(0.5) translate(50%);
 }
 
+.extra-area {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.navButton,
+.extra-area {
+  pointer-events: auto;
+}
+
 .drawer {
   position: fixed;
   top: 0;
@@ -196,7 +208,7 @@
 .main .main-header .main-tab .main-tab-item:hover .main-tab-text-wrapper,
 .main .main-header .main-tab .main-tab-item.active .text,
 .main .main-header .main-tab .main-tab-item:hover .text {
-    color: currentColor
+  color: currentColor;
 }
 
 .main .main-header .main-tab .main-tab-item.active {

directory/src/routes/root.jsx

@@ -86,8 +86,10 @@ export default function Root() {
           <section className='bar'></section>
         </section>
         <section className='spacer' />
+        <section className='extra-area'>
           {extraArea}
           <LanguageDropdown />
+        </section>
       </header>
       <nav className={`drawer ${drawerHidden ? '' : 'active'}`}>
         <section