Merge pull request #610 from TheRestartProject/RES-1822_wiki_collapsi…

…ble_section_2 RES-1822 wiki front page styling
TheRestartProject · Feb 13, 2023 · 863cfc4 · 863cfc4
2 parents 3512c74 + a5b4c8d
commit 863cfc4
Show file tree

Hide file tree

Showing 13 changed files with 44 additions and 22 deletions.
diff --git a/resources/global/css/components/_buttons.scss b/resources/global/css/components/_buttons.scss
@@ -291,7 +291,7 @@
             width: 100%;
             height: 100%;
             text-align: center;
-            background-image: url('/images/svgs/check-tick.svg');
+            background-image: url('/images/check-tick.svg');
             background-repeat: no-repeat;
             background-position: center center;
             content: "";

diff --git a/resources/global/css/components/_card-talk.scss b/resources/global/css/components/_card-talk.scss
@@ -123,7 +123,7 @@
         width: 20px;
         height: 20px;
         text-align: center;
-        background-image: url('/images/svgs/reply_icon.svg');
+        background-image: url('/images/reply_icon.svg');
         background-repeat: no-repeat;
         background-position: center center;
         display: inline-block;

diff --git a/resources/global/css/components/_custom-check-tick.scss b/resources/global/css/components/_custom-check-tick.scss
@@ -7,7 +7,7 @@
   }
 
   .form-check-input:checked + .form-check-label::before {
-    background-image: url('/images/svgs/check-tick.svg');
+    background-image: url('/images/check-tick.svg');
     background-color: $white;
     color: $white;
     background-repeat: no-repeat;

diff --git a/resources/global/css/components/_forms.scss b/resources/global/css/components/_forms.scss
@@ -65,7 +65,7 @@ label.form-check-label {
   border-right: none !important;
 
   .select2-selection__arrow b {
-    background-image: url('/images/svgs/dropdown-arrow.svg') !important;
+    background-image: url('/images/dropdown-arrow.svg') !important;
     background-repeat: no-repeat !important;
     border-width: 0 0 0 0 !important;
     left: -50%;
@@ -81,7 +81,7 @@ label.form-check-label {
 
 .select2-container--open {
   .select2-selection__arrow b {
-    background-image: url('/images/svgs/dropdown-arrow-up.svg') !important;
+    background-image: url('/images/dropdown-arrow-up.svg') !important;
   }
 }
 
@@ -130,7 +130,7 @@ label.form-check-label {
       border: 0;
       border-color: unset !important;
       border-style: unset !important;
-      background-image: url('/images/svgs/dropdown-arrow.svg');
+      background-image: url('/images/dropdown-arrow.svg');
       width: 14px !important;
       height: 8px !important;
       left: 10% !important;
@@ -216,7 +216,7 @@ select.form-control:not([class*="select2"]) {
   -moz-appearance: none;
   background-position: 96% 50%;
   background-repeat: no-repeat;
-  background-image: url('/images/svgs/dropdown-arrow.svg') !important;
+  background-image: url('/images/dropdown-arrow.svg') !important;
 }
 
 .custom-file-input ~ .custom-file-label::after {

diff --git a/resources/global/css/components/_lists.scss b/resources/global/css/components/_lists.scss
@@ -1,11 +1,13 @@
-.list-doodle {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-  margin-left: 35px;
+.mediawiki .main-page ul {
+  list-style-type: none !important;
+  margin: 0 !important;;
+  padding: 0 !important;;
+  margin-left: 35px !important;;
+  margin-bottom: 25px !important;
 
   li {
     position: relative;
+    list-style: none !important;
 
     &::before {
       content: '';
@@ -15,7 +17,7 @@
       width: 23px;
       color: white;
       font-weight: bold;
-      background-image: url('/images/svgs/arrow-right-doodle.svg');
+      background-image: url('/images/arrow-right-doodle.svg');
       background-repeat: no-repeat;
       background-position: center;
       position: absolute;

diff --git a/resources/global/css/components/_navigation-bar.scss b/resources/global/css/components/_navigation-bar.scss
@@ -59,7 +59,7 @@
           position: absolute;
           width: 18px;
           height: 18px;
-          background-image: url(/images/svgs/cross-icon.svg);
+          background-image: url(/images/cross-icon.svg);
           top: 50%;
           left: 50%;
           transform: translate(-50%, -50%);

diff --git a/resources/global/css/components/_row-columns.scss b/resources/global/css/components/_row-columns.scss
@@ -2,7 +2,7 @@
   &::before {
     content: "";
     position: absolute;
-    background-image: url('/images/svgs/rectangle.svg');
+    background-image: url('/images/rectangle.svg');
     left: -3px;
     top: 0;
     background-position: top;

diff --git a/resources/global/css/components/_tables.scss b/resources/global/css/components/_tables.scss
@@ -394,7 +394,7 @@
     @extend .border-0;
 
     margin-left: 7px;
-    background-image: url('/images/svgs/dropdown-arrow.svg');
+    background-image: url('/images/dropdown-arrow.svg');
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;

diff --git a/resources/global/css/components/_tabs.scss b/resources/global/css/components/_tabs.scss
@@ -214,7 +214,7 @@
           background-position: center;
           width: 15px;
           height: 8px;
-          background-image: url('/images/svgs/dropdown-arrow-up.svg') !important;
+          background-image: url('/images/dropdown-arrow-up.svg') !important;
           border: 0;
           margin-left: 8px;
           transform: rotate(181deg) translateY(50%);

diff --git a/resources/global/css/helpers/_hr.scss b/resources/global/css/helpers/_hr.scss
@@ -15,7 +15,7 @@
   &-dashed {
     @extend .border-0;
 
-    background-image: url('/images/svgs/rectangle.svg');
+    background-image: url('/images/rectangle.svg');
     background-color: transparent;
     background-repeat: repeat;
     background-position: left;

diff --git a/resources/wiki/css/app.scss b/resources/wiki/css/app.scss
@@ -26,6 +26,26 @@ body {
   font-family: "Asap", sans-serif;
 }
 
+.main-page {
+  counter-reset: chapter 0;
+
+  .mw-collapsible {
+    h2::before {
+      content: counter(chapter);
+
+      width: 50px;
+      height: 50px;
+      background: $black;
+      color: $white;
+      text-align: center;
+      font-size: 36px;
+      display: inline-block;
+      padding: 4px;
+      margin-right: 12px;
+    }
+  }
+}
+
 .mw-parser-output {
   counter-reset: chapter 0 section 0;
 

diff --git a/resources/wiki/css/components/_edit-page-button.scss b/resources/wiki/css/components/_edit-page-button.scss
@@ -13,7 +13,7 @@
     position: absolute;
     width: 30px;
     height: 30px;
-    background-image: url('/iamges/svgs/edit_icon.svg');
+    background-image: url('/images/edit_icon.svg');
     position: absolute;
     top: 50%;
     left: 50%;
@@ -25,7 +25,7 @@
     background: #000 !important;
 
     &::before {
-      background-image: url('/images/svgs/edit_icon_hover.svg');
+      background-image: url('/images/edit_icon_hover.svg');
     }
   }
 }
diff --git a/resources/wiki/css/components/_row-arrows.scss b/resources/wiki/css/components/_row-arrows.scss
@@ -11,7 +11,7 @@
 
     &::after {
       content: '';
-      background-image: url('/images/svgs/rectangle.svg');
+      background-image: url('/images/rectangle.svg');
       background-repeat: repeat;
       background-position: left;
       height: 3px;
@@ -37,7 +37,7 @@
       width: 23px;
       color: white;
       font-weight: bold;
-      background-image: url('/images/svgs/arrow-right-doodle.svg');
+      background-image: url('/images/arrow-right-doodle.svg');
       background-repeat: no-repeat;
       background-position: center;
       display: inline-block;