Revize aee27358

Issue #7849 @1.5h
Předělání fontů na proměnné.
Přidání špedlíku v loginu u špatného hesla/mailu - ještě je špatně odsazení textu a celého špendlíku + je třeba to samé dát do registrace.
Předělání ostatních chybových hlášek (e-mail nesedící na e-mail reg-exe) zatím chybí.

resources/sass/_custom.scss

@@ -1 +1 @@
 // Ready for custom styling
 
 body {
-    //font-family: 'Nunito Sans', sans-serif;
     background-color: $theme-color-five;
 
     .head-title h1 {
         color: $theme-color-one;
-        font-family: Avenir;
+        font-family: $font-family-avenir-roman;
         font-size: 60pt;
         font-weight: bold;
         letter-spacing: 3px;
@@ -60 +59 @@
             background-color:  rgba(239, 218, 179, 0.5);
 
             /*h2 {
-                font-family: Avenir Black;
+                font-family: $font-family-avenir-black;
                 font-size: 11pt;
                 letter-spacing: 3pt;
                 color: $white;
@@ -77 +76 @@
     /////////text types
     //většina běžných textů
     .text {
-        font-family: Avenir Roman;
+        font-family: $font-family-avenir-roman;
         font-size: 8pt;
         line-height: 9pt;
     }
 
     //text inputu a název artefaktů
     .text2{
-        font-family: Avenir Medium;
+        font-family: $font-family-avenir-medium;
         font-size: 8pt;
     }
 
@@ -92 +91 @@
     .kaplicky{
         color: $theme-color-one;
         font-size: 11pt;
-        font-family: Avenir Black;
+        font-family: $font-family-avenir-black;
         letter-spacing: 3pt;
     }
 
     //autor artefaktu
     .text-author{
-        font-family: Avenir Roman;
+        font-family: $font-family-avenir-roman;
         font-size: 7pt;
         color: $theme-color-four;
     }
 
     //počet lajků
     .text-number{
-        font-family: Avenir Medium;
+        font-family: $font-family-avenir-medium;
         font-size: 5pt;
         color: $theme-color-four;
     }
 
     //notes u metadat, about v about, text levého menu
     .text-headline{
-        font-family: Avenir Medium;
+        font-family: $font-family-avenir-medium;
         font-size: 12pt;
         color: $theme-color-four;
     }
 
     //název metadata, text pravého menu
     .text-page{
-        font-family: Avenir Medium;
+        font-family: $font-family-avenir-medium;
         font-size: 7pt;
     }
 
+    ////color pro změnu jen barvy
+    .black{
+        color: $theme-color-five;
+    }
+    .white{
+        color: $theme-color-one;
+    }
+    .colored{
+        color: $theme-color-four;
+    }
+
 
     ////login
     .auth{
@@ -140 +150 @@
         .form-control{
             padding: 0px;
             height: 17pt;
-            //font-family: Avenir Medium;
-            //font-size: 8pt;
         }
     }
 
     .card-body {
     	background-color: $theme-color-five;
-    	font-family: Avenir Roman;
+    	font-family: $font-family-avenir-roman;
     	color: $theme-color-four;
 
 	}
@@ -188 +196 @@
         border-radius: 0;
         width: 6.5rem;
         height: 2rem;
-        font-family: Avenir Roman;
+        font-family: $font-family-avenir-roman;
 
         &:active, &:focus, &:visited {
             outline: none;
@@ -196 +204 @@
         }
     }
 
+    //spendlik
+    .pin-left:before {
+        content: '';
+        position: relative;
+        height: 0.35433rem;
+        width: 0.35433rem;
+        background-color: $theme-color-one;
+        border-radius: 50%;
+        display: inline-block;
+        top: -0.35433rem;
+        left: -0.2rem;
+
+    }
+
+    .pin-left {
+        border-left: .5pt solid $theme-color-four;
+        display: inline-block;
+        margin: 50px;
+        height: 200px;
+        text-align: left;
+        width: 100%;
+    }
+
     .button-image {
         background-color: transparent;
         border-color: transparent;
@@ -258 +289 @@
             color:$theme-color-four;
             outline: none !important;
             box-shadow: none !important;
-            font-family: Avenir Medium;
+            font-family: $font-family-avenir-medium;
 
             &:active
             {
@@ -289 +320 @@
     }
 }
 
+@media (max-width: 990px) {
+    body {
+        .pin-left {
+            margin-left: 0px;
+        }
+    }
+}
+
 @media only screen and (max-width: 540px)
 {
 
+
     .head-title.text-center h1
     {
         font-size: 45pt;

resources/sass/_variables.scss

@@ -2 +2 @@
 $body-bg: #f8fafc;
 
 // Typography
-$font-family-sans-serif: 'Nunito', sans-serif;
+//$font-family-sans-serif: 'Nunito', sans-serif;
 $font-size-base: 0.9rem;
 $line-height-base: 1.6;
+$font-family-avenir-roman: Avenir Roman;
+$font-family-avenir-medium: Avenir Medium;
+$font-family-avenir-black: Avenir Black;
 
 // Colors
 $blue: #3490dc;

resources/views/auth/login.blade.php

@@ -26 +26 @@
                             <div class="col-md-6">
                                 <input id="email" type="email" class="form-control text2 @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>
 
-                                @error('email')
-                                    <span class="invalid-feedback" role="alert">
-                                        <strong>{{ $message }}</strong>
-                                    </span>
-                                @enderror
+
                             </div>
                         </div>
 
@@ -40 +36 @@
                             <div class="col-md-6">
                                 <input id="password" type="password" class="form-control text2 @error('password') is-invalid @enderror" name="password" required autocomplete="current-password">
 
-                                @error('password')
-                                    <span class="invalid-feedback" role="alert">
-                                        <strong>{{ $message }}</strong>
-                                    </span>
-                                @enderror
+
                             </div>
                         </div>
 
@@ -71 +63 @@
                                     </a>
                                 @endif --}}
                             </div>
+
+                            <div class="col-md-6 offset-md-2">
+                             @error('email')
+                                <span class="text white pin-left" role="alert">
+                                             <text>{{ $message }}</text>
+                                </span>
+                             @enderror
+
+                             @error('password')
+                                <span class="text white pin-left" role="alert">
+                                            <text>{{ $message }}</text>
+                                </span>
+                             @enderror
+                            </div>
                     </form>
                 </div>
             </div>