Revize 6c518068

Issue #7957 @4h

Issue #7957 @4h

Predelani kategorii podle nove udelaneho navrhu. Momentalne funkcni pro kazdou kategorii jeji vybrani, kde se nasledne zobrazi vybrana kategorie a vespod obrazovky enter button pro jeji navstiveni(nyni jen pouze jako priprave, zatim nikam neroutuje). Dale je jiz pridan slide sidebar na vrchu obrazovky.

resources/sass/_custom.scss

@@ -360 +360 @@
         }
     }
 
-    .monButton {
-
-        &:before {
-            background-image : url(../images/Button_Arrow_Small.png);
-            //height: 0.9685rem;
-            //width: 0.59055rem;
-        }
-
-        &:hover {
-            background-color: transparent;
-            border-color: $theme-color-four;
-        }
-
-        &:focus {
-            background-color: transparent;
-            border-color: $theme-color-four;
-            outline: none !important;
-            box-shadow: none !important;
-        }
-
-        &:active {
-            background-color: transparent !important;
-            border-color: transparent !important;
-            outline: none !important;
-            box-shadow: none !important;
-        }
-    }
-
     .content {
         position: relative;
 
@@ -418 +390 @@
                 color:$theme-color-five;
             }
         }
+    }
 
-        .btn-sm
-        {
-            width: 120px;
-            height: 120px;
-        }
-        .btn-dm
-        {
-            width: 240px;
-            height: 240px;
-        }
-        .btn-xl
+    //CATEGORIES - TILES
+    .btn.btn-dark.cat-tile
+    {
+        //STYLING
+        border-color: $theme-color-four;
+        border-radius: 0;
+        border-style: solid;
+        border-width: 2px;
+        color: $theme-color-four;
+        background-color: $theme-color-five;
+        text-align: center;
+        outline: none !important;
+        box-shadow: none !important;
+
+        //FONT
+        font-size: 8mm;
+        word-wrap: break-word;
+
+        //SPACING
+        margin: 10pt 32pt;
+        height: 40mm;
+        width: 86%;
+
+        &:active, &:focus
         {
-            width: 360px;
-            height: 360px;
+            background-color: $theme-color-three;
+            border-color: $theme-color-four;
+            outline: none !important;
+            box-shadow: none !important;
+            color: $theme-color-five;
         }
+    }
 
+    //CATEGORIES - enter button
+    .btn.button-square.cat-enter-butt
+    {
+        position: fixed;
+        bottom: 8%;
+        right: 40%;
+        display: none;
     }
+
 }
 
 .arrow{
@@ -515 +513 @@
 {
     .head-title.text-center h1
     {
-        font-size: 45pt;
+        font-size: 23pt;
+        padding-top: 50pt;
+        margin-left: 36pt;
+        white-space: nowrap;
+
     }
 
     .btn-circle.rounded-circle.btn-sm