Explorar el Código

fix outline, height, link

huaisianhuang hace 3 años
padre
commit
37b5186b02
Se han modificado 5 ficheros con 47 adiciones y 5 borrados
  1. 1 1
      index.html
  2. 2 2
      js/index.js
  3. 25 1
      sass/main.css
  4. 0 0
      sass/main.css.map
  5. 19 1
      sass/main.scss

+ 1 - 1
index.html

@@ -672,7 +672,7 @@
             </div>
             <div class="sec-menu-links">
               <div class="d-flex mb-2">
-                <a href="https://m.hhh.com.tw/about/contact/">關於我們</a>
+                <a href="https://m.hhh.com.tw/about/">關於我們</a>
                 <a href="https://m.hhh.com.tw/about/contact/">聯絡我們</a>
                 <a href="https://m.hhh.com.tw/about/privacy_policy/">隱私保護</a>
                 <a href="https://m.hhh.com.tw/about/timeline/">公司歷程</a>

+ 2 - 2
js/index.js

@@ -1,8 +1,8 @@
-window.onload = function(){
+/* window.onload = function(){
   if(screen.width >= 901){
       window.location.href = "https://www2.hhh.com.tw/";   
   }
-}
+} */
 
 $(".sec-01__slider").slick({
         dots: true,

+ 25 - 1
sass/main.css

@@ -2,6 +2,22 @@ body {
   font-family: 'Helvetica Neue';
 }
 
+a:focus {
+  outline: none;
+}
+
+a:focus-visible {
+  outline: none;
+}
+
+button:focus-visible {
+  outline: none;
+}
+
+img:focus-visible {
+  outline: none;
+}
+
 .sec-00 .container-fluid {
   height: 110px;
 }
@@ -123,6 +139,10 @@ body {
   vertical-align: baseline;
 }
 
+.sec-01 .col img:focus-visible {
+  outline: none;
+}
+
 .sec-01 .slick-dots {
   width: 16%;
   margin: 0 auto;
@@ -171,7 +191,7 @@ body {
 }
 
 .sec-02__slider .slide-item {
-  height: 32vh;
+  height: 34.5vh;
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
@@ -714,6 +734,10 @@ body {
   }
 }
 
+.fixed_menu__box img:focus-visible {
+  outline: none;
+}
+
 @media (min-width: 480px) {
   .fixed_menu__box img {
     width: 100%;

La diferencia del archivo ha sido suprimido porque es demasiado grande
+ 0 - 0
sass/main.css.map


+ 19 - 1
sass/main.scss

@@ -2,6 +2,18 @@ $horizontal: 480px;
 body {
     font-family: 'Helvetica Neue';
 }
+a:focus {
+    outline: none;
+}
+a:focus-visible {
+    outline: none;
+}
+button:focus-visible {
+    outline: none;
+}
+img:focus-visible  {
+    outline: none;
+}
 .sec-00 {
     .container-fluid {
         height: 110px;
@@ -91,6 +103,9 @@ body {
                 margin: 0 auto;
                 margin-bottom: 0;
                 vertical-align: baseline;
+                &:focus-visible {
+                    outline: none;
+                }
             }
         
     }
@@ -137,7 +152,7 @@ body {
         width: 100%;
         height: 100%;
         .slide-item{
-            height: 32vh;
+            height: 34.5vh;
             background-position: center center;
             background-size: cover;
             background-repeat: no-repeat;
@@ -588,6 +603,9 @@ body {
             height: 100%;
         } 
         img {
+            &:focus-visible {
+                outline: none;
+            }
             @media (min-width: $horizontal) {
                 width: 100%;
                 height: 100%;

Algunos archivos no se mostraron porque demasiados archivos cambiaron en este cambio