bug fixes

.github/workflows/greetings.yml

@@ -9,5 +9,5 @@ jobs:
     - uses: actions/first-interaction@v1
       with:
         repo-token: ${{ secrets.GITHUB_TOKEN }}
-        issue-message: 'Thank you for createing this issue. We will check it as soon as possible.'
+        issue-message: 'Thank you for creating this issue. We will check it as soon as possible.'
         pr-message: 'Thank you for your pull request. We will check it as soon as possible.'

accordion.scss

@@ -69,7 +69,7 @@
 }
 
 .more-container {
-    > label {
+    label.more {
         width: 100%;
         display: flex;
         flex-direction: row;
@@ -77,6 +77,7 @@
         cursor: pointer;
         color: var(--link-c);
         user-select: none;
+        align-items: center;
 
         .expand {
             transition: all .3s ease;
@@ -92,10 +93,10 @@
         }
     }
 
-    > input {
+    input {
         display: none;
         &:checked {
-            + label {
+            + label.more {
                 border-bottom: none;
                 margin-bottom: 1rem;
 
@@ -105,13 +106,13 @@
                 }
             }
 
-            ~ div {
+            ~ div.more {
                 display: flex;
             }
         }
     }
 
-    > div {
+    div.more {
         display: none;
     }
 }

alert.scss

@@ -25,8 +25,7 @@
     position: absolute;
     top: 50px;
     left: 50px;
-    width: 800px;
+    padding: 1rem;
-    height: 600px;
     border: 3px solid var(--bborder); // 3px due to scale
     background: var(--box-bg);
     transform: scale(0.3333);

default.scss

@@ -159,6 +159,7 @@ iframe {
 
 .cT {
     text-align: center;
+    justify-content: center;
 }
 
 .f-w {

develop.scss

@@ -1,5 +1,5 @@
 // @todo remove content from this file when implemented
 
-thead td label, .portlet-head .inputWrapper, .portlet-head > .g-icon {
+thead td label, .portlet-head > .g-icon {
     display: none;
 }

layout.scss

@@ -63,6 +63,10 @@ div.sticky, section.sticky {
     flex-direction: row;
     flex-wrap: wrap;
 
+    p {
+        font-size: .9rem;
+    }
+
     > *:not(label) {
         flex: 0 1 auto;
     }

section.scss

@@ -18,6 +18,7 @@
     box-sizing: border-box;
     margin-top: 1rem;
     overflow-x: auto;
+    overflow-y: hidden;
 
     .inner {
         box-sizing: border-box;

tab.scss

@@ -8,7 +8,7 @@
     color: var(--default-c);
     padding: 5px 0 0 0;
 
-    label {
+    label, a {
         font-size: 0.9em;
         user-select: none;
         cursor: pointer;
@@ -125,7 +125,7 @@
     }
 
     .tab-links {
-        label {
+        label, a {
             padding: 5px 10px 5px 10px;
         }
 

tests/app/forms_table.php

@@ -1,6 +1,6 @@
 <div class="row">
     <div class="col-xs-12">
-        <div class="portlet">
+        <section class="portlet">
             <div class="portlet-head">
                 External Edit
                 <?php include __DIR__ . '/helper/additional-functions.tpl.php'; ?>
@@ -240,7 +240,7 @@
                     </tbody>
                 </table>
             </div>
-        </div>
+        </section>
     </div>
 </div>
 
@@ -336,7 +336,7 @@
 
 <div class="row">
     <div class="col-xs-12">
-        <div class="portlet">
+        <section class="portlet">
             <div class="portlet-head">
                 Inline Edit
                 <?php include __DIR__ . '/helper/additional-functions.tpl.php'; ?>
@@ -546,7 +546,7 @@
                     </tbody>
                 </table>
             </div>
-        </div>
+        </section>
     </div>
 
     <input type="submit" class="add-form" value="Add" form="table2">

tests/app/index.php

@@ -196,7 +196,7 @@
     </nav>
     <main>
         <header>
-        <form id="s-bar" method="GET" action="">
+            <form id="s-bar" method="GET" action="">
                 <label class="ham-trigger" for="nav-trigger"><i class="g-icon p">menu</i></label>
                 <span role="search" class="inputWrapper">
                     <span class="txtWrap">

tests/app/tables.php

@@ -1,6 +1,6 @@
 <div class="row">
     <div class="col-xs-12 col-md-6">
-        <div class="portlet">
+        <section class="portlet">
             <div class="portlet-head">
                 Table Title
                 <?php include __DIR__ . '/helper/additional-functions.tpl.php'; ?>
@@ -48,11 +48,11 @@
                 <a class="button" href="#">Previous</a>
                 <a class="button" href="#">Next</a>
             </div>
-        </div>
+        </section>
     </div>
 
     <div class="col-xs-12 col-md-6">
-        <div class="portlet">
+        <section class="portlet">
             <div class="portlet-head">
                 Table Title
                 <?php include __DIR__ . '/helper/additional-functions.tpl.php'; ?>
@@ -96,13 +96,13 @@
                     </tbody>
                 </table>
             </div>
-        </div>
+        </section>
     </div>
 </div>
 
 <div class="row">
     <div class="col-xs-12">
-        <div class="portlet">
+        <section class="portlet">
             <div class="portlet-head">
                 Table Title
                 <?php include __DIR__ . '/helper/additional-functions.tpl.php'; ?>
@@ -163,13 +163,13 @@
                     </tfoot>
                 </table>
             </div>
-        </div>
+        </section>
     </div>
 </div>
 
 <div class="row">
     <div class="col-xs-12">
-        <div class="portlet">
+        <section class="portlet">
             <div class="portlet-head">
                 Remote Data
                 <?php include __DIR__ . '/helper/additional-functions.tpl.php'; ?>
@@ -195,7 +195,7 @@
                     </tbody>
                 </table>
             </div>
-        </div>
+        </section>
     </div>
 </div>
 

tests/app/tabs.php

@@ -146,16 +146,16 @@
 
 <div class="row">
     <div class="col-xs-12">
-        <div class="portlet">
+        <section class="portlet">
             <div class="portlet-head">More/detail area</div>
             <div class="portlet-body">
                 <div class="more-container">
-                    <input id="more-customer-region" type="checkbox">
+                    <input id="more-customer-region" class="more" type="checkbox">
-                    <label for="more-customer-region">
+                    <label class="more" for="more-customer-region">
                         <span>Click here!</span>
                         <i class="g-icon expand">chevron_right</i>
                     </label>
-                    <div>
+                    <div class="more">
                         <p>You see? It's curious. Ted did figure it out - time travel. And when we get back, we gonna tell
                     everyone. How it's possible, how it's done, what the dangers are. But then why fifty years in
                     the future when the spacecraft encounters a black hole does the computer call it an 'unknown
@@ -165,6 +165,6 @@
                     </div>
                 </div>
             </div>
-        </div>
+        </section>
     </div>
 </div>