Move rounded corners to embed itself instead of iframe

stogacs · Feb 27, 2024 · 0519669 · 0519669
1 parent 1462b45
commit 0519669
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 9 deletions.
diff --git a/hackstoga/index.html b/hackstoga/index.html
@@ -409,7 +409,7 @@ <h2 style="text-align: center">Teams & Projects</h2>
         <h1 class="header">Schedule</h1>
         <iframe
           src="./embedables/schedule"
-          style="width: 100%; height: 1000px; border-radius: 1em; border: none; overflow: scroll"
+          style="width: 100%; height: 1000px; border: none; overflow: scroll"
         ></iframe>
         <div class="pure-u-1-1 formatting-separator"></div>
       </div>

diff --git a/scripts/hackstoga/schedule.js b/scripts/hackstoga/schedule.js
@@ -5,10 +5,14 @@ function updateSchedule() {
   specialColors = ['gold', 'silver', '#9F7A34'];
   let tableContent = `
         <tr>
-            <th>Time</th>
+            <th
+            class="topleft"
+            >Time</th>
             <th>Main Activity</th>
             <th>Side Activity α</th>
-            <th>Side Activity β</th>
+            <th
+            class="topright"
+            >Side Activity β</th>
         </tr>
     `;
 

diff --git a/style/hackstoga/schedule.css b/style/hackstoga/schedule.css
@@ -17,15 +17,22 @@ body {
 }
 
 #schedule-list table {
-  border-collapse: collapse;
-  border-spacing: 2;
+  border-collapse: separate;
+  border-spacing: 0;
   width: 100%;
 }
 
-#schedule-list th,
-td {
-  border: 2px solid #000; /* Adding borders for demonstration */
-  padding: 8px; /* Adding padding for demonstration */
+#schedule-list td,
+th {
+  border: 2px solid #000;
+}
+
+.topleft {
+  border-top-left-radius: 1em;
+}
+
+.topright {
+  border-top-right-radius: 1em;
 }
 
 #schedule-list th {