Merge pull request #63 from audreyt/submenu-fixes

Fix submenu for small width (#62)
g0v · Aug 22, 2013 · b5ad33c · b5ad33c
2 parents 4e08f99 + 1c422ac
commit b5ad33c
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 7 deletions.
diff --git a/index.html b/index.html
@@ -38,7 +38,7 @@
                           <a role="menuitem" class="lang-option a" href="#萌">國語辭典</a>
                         </li>
                         <li class="dropdown-submenu">
-                            <a class="icon-long-arrow-right">分類索引</a>
+                            <a class="icon-long-arrow-right" href="#">分類索引</a>
                             <ul class="dropdown-menu"><li role="presentation">
                                 <a class="lang-option a a-idiom" href="#，">諺語</a></li>
                             </li></ul>
@@ -47,7 +47,7 @@
                           <a role="menuitem" class="lang-option t" href="#!">臺灣閩南語</a>
                         </li>
                         <li class="dropdown-submenu">
-                            <a class="icon-long-arrow-right">分類索引</a>
+                            <a class="icon-long-arrow-right" href="#">分類索引</a>
                             <ul class="dropdown-menu"><li role="presentation">
                                 <a class="lang-option t t-idiom" href="#!。">諺語</a></li>
                             </li></ul>
@@ -56,7 +56,7 @@
                           <a role="menuitem" class="lang-option h" href="#:">臺灣客家語</a>
                         </li>
                         <li class="dropdown-submenu">
-                            <a class="icon-long-arrow-right">分類索引</a>
+                            <a class="icon-long-arrow-right" href="#">分類索引</a>
                             <ul class="dropdown-menu"><li role="presentation">
                                 <a class="lang-option h h-idiom icon-long-arrow-right" href="#:，">諺語</a></li>
                             </li></ul>

diff --git a/sass/styles.scss b/sass/styles.scss
@@ -1075,8 +1075,8 @@ canvas {
 }
 
 .dropdown-submenu {
-  position: relative;
-  > a:after {
+  > a { position: relative; }
+  > a:before {
     font-size: 10px;
     content: "▶";
     display: block;
@@ -1094,3 +1094,7 @@ canvas {
     }
   }
 }
+
+@media only screen and (max-width: 767px) {
+    .dropdown-submenu > a:before { content: "▼"; }
+}
diff --git a/styles.css b/styles.css
@@ -10452,10 +10452,10 @@ canvas {
     display: none;
   }
 }
-.dropdown-submenu {
+.dropdown-submenu > a {
   position: relative;
 }
-.dropdown-submenu > a:after {
+.dropdown-submenu > a:before {
   font-size: 10px;
   content: "▶";
   display: block;
@@ -10470,3 +10470,9 @@ canvas {
   left: 100%;
   top: 0;
 }
+
+@media only screen and (max-width: 767px) {
+  .dropdown-submenu > a:before {
+    content: "▼" !important;
+  }
+}