20240514設備預約2 修改html及css

HywebU00 · May 14, 2024 · c031149 · c031149
1 parent 67a1713
commit c031149
Show file tree

Hide file tree

Showing 4 changed files with 63 additions and 11 deletions.
diff --git a/css/hyui.css b/css/hyui.css
@@ -14017,6 +14017,20 @@ body.fix {
   left: 0;
   top: 4px;
 }
+.viewdata_block .viewcolor_group .viewcolor_green {
+  margin-left: 1em;
+  padding: 0 0 0 20px;
+  position: relative;
+}
+.viewdata_block .viewcolor_group .viewcolor_green:before {
+  content: "";
+  width: 15px;
+  height: 15px;
+  background-color: #107859;
+  position: absolute;
+  left: 0;
+  top: 4px;
+}
 .viewdata_block .viewcolor_group .viewcolor_blue {
   margin-left: 1em;
   padding: 0 0 0 20px;
@@ -14101,6 +14115,12 @@ body.fix {
 .discussionroom_timeblock .timelinegroup .timeline_hour.yorbooked a:hover {
   background-color: #b94b00;
 }
+.discussionroom_timeblock .timelinegroup .timeline_hour.visited a {
+  background-color: #107859;
+}
+.discussionroom_timeblock .timelinegroup .timeline_hour.visited a:hover {
+  background-color: #107859;
+}
 .discussionroom_timeblock .timelinegroup .timeline_hour a {
   display: block;
   border: 1px solid #ccc;
@@ -14117,9 +14137,6 @@ body.fix {
   width: 20px;
   text-align: center;
 }
-.discussionroom_timeblock .timelinegroup .timeline_hour a:hover {
-  background-color: #107859;
-}
 .discussionroom_timeblock .timetablegroup {
   margin: 0;
   margin-bottom: 2em;
@@ -14192,7 +14209,10 @@ body.fix {
 .discussionroom_timeblock .timetablegroup table td a.yorbooked:hover {
   background-color: #b94b00;
 }
-.discussionroom_timeblock .timetablegroup table td a:hover {
+.discussionroom_timeblock .timetablegroup table td a.visited {
+  background-color: #107859;
+}
+.discussionroom_timeblock .timetablegroup table td a.visited:hover {
   background-color: #107859;
 }
 .discussionroom_timeblock .timetablegroup table tr th,

diff --git a/css/hyui.css.map b/css/hyui.css.map
diff --git a/sass/page/_lp.scss b/sass/page/_lp.scss
@@ -2443,6 +2443,20 @@
         top: 4px;
       }
     }
+    .viewcolor_green {
+      margin-left: 1em;
+      padding: 0 0 0 20px;
+      position: relative;
+      &:before {
+        content: '';
+        width: 15px;
+        height: 15px;
+        background-color: $color-green;
+        position: absolute;
+        left: 0;
+        top: 4px;
+      }
+    }
     .viewcolor_blue {
       margin-left: 1em;
       padding: 0 0 0 20px;
@@ -2535,6 +2549,15 @@
           }
         }
       }
+      // 已點過
+      &.visited {
+        a {
+          background-color: $color-green;
+          &:hover {
+            background-color: $color-green;
+          }
+        }
+      }
       a {
         display: block;
         border: 1px solid #ccc;
@@ -2551,7 +2574,7 @@
           text-align: center;
         }
         &:hover {
-          background-color: $color-green;
+          // background-color: $color-green;
         }
       }
     }
@@ -2634,8 +2657,16 @@
               background-color: $color-orange;
             }
           }
-          &:hover {
+          // 已點過
+          &.visited {
             background-color: $color-green;
+            &:hover {
+              background-color: $color-green;
+            }
+          }
+
+          &:hover {
+            // background-color: $color-green;
           }
         }
       }

diff --git a/設備預約2_檢視預約概況小時.html b/設備預約2_檢視預約概況小時.html
@@ -196,6 +196,7 @@ <h1><a href="index.htm"><img src="images/logo_version.png" alt="凌網科技圖
                   <div class="viewcolor_group">
                     <div class="viewcolor_gray">灰色代表已被預約或無法預約</div>
                     <div class="viewcolor_orange">橘色代表您已預約</div>
+                    <div class="viewcolor_green">綠色代表您已預約</div>
                   </div>
                   <!-- 檢視顏色 end  -->
                 </div>
@@ -236,10 +237,10 @@ <h1><a href="index.htm"><img src="images/logo_version.png" alt="凌網科技圖
                       <a tabindex="0"></a>
                     </div>
                     <!-- 12 -->
-                    <div class="timeline_hour">
+                    <div class="timeline_hour visited">
                       <a tabindex="0"><span>12</span></a>
                     </div>
-                    <div class="timeline_hour">
+                    <div class="timeline_hour visited">
                       <a tabindex="0"></a>
                     </div>
                     <!-- 13 -->
@@ -535,7 +536,7 @@ <h2>加入日曆</h2>
                           <th class="time" scope="row">09：30－10：00</th>
                           <td><a tabindex="0"></a></td>
                           <td><a tabindex="0"></a></td>
-                          <td><a tabindex="0"></a></td>
+                          <td><a tabindex="0" class="visited "></a></td>
                           <td><a tabindex="0"></a></td>
                         </tr>
                         <tr>
@@ -583,7 +584,7 @@ <h2>加入日曆</h2>
                         <tr>
                           <th class="time" scope="row">13：00－13：30</th>
                           <td><a tabindex="0"></a></td>
-                          <td><a tabindex="0"></a></td>
+                          <td><a tabindex="0" class="visited"></a></td>
                           <td><a tabindex="0"></a></td>
                           <td><a tabindex="0"></a></td>
                         </tr>