Merge branch 'feat/safari-fixes' into 'live'

fixes for safari browser

See merge request !55

templates/default-layout.lucius

@@ -24,6 +24,7 @@
   box-sizing: border-box;
   padding: 0;
   margin: 0;
+  -webkit-font-smoothing: antialiased;
 }
 
 body {

templates/standalone/inputs.julius

@@ -59,6 +59,7 @@
     resetFileLabel();
     input.classList.add('file-input__input--hidden');
     input.addEventListener('change', function() {
+      input.dispatchEvent(new Event('input'));
       if (isMulti) {
         renderFileList(input.files);
       }

templates/widgets/navbar.lucius

@@ -56,7 +56,6 @@
     min-width: 70px;
     height: calc(100% - 4px);
     padding: 0 6px 4px;
-    box-shadow: 0 0 0 1px inset var(--color-lmu-box-border);
   }
 
   &::after {
@@ -70,7 +69,14 @@
     width: 100%;
     height: calc(100% - 4px);
     padding: 0 6px 4px;
-    box-shadow: 0 0 0 1px inset var(--color-lmu-box-border);
+  }
+}
+
+@media (min-width: 769px) {
+
+  .navbar__logo::before,
+  .navbar__logo::after {
+    border: 1px solid var(--color-lmu-box-border);
   }
 }
 
@@ -114,7 +120,10 @@
   min-width: 90px;
   color: var(--color-lightwhite);
   transition: height .2s cubic-bezier(0.03, 0.43, 0.58, 1);
-  box-shadow: 0 0 0 1px inset var(--color-lmu-box-border);
+
+  &:hover {
+    color: var(--color-lightwhite);
+  }
 }
 
 .navbar__link-label {
@@ -123,6 +132,13 @@
   text-transform: uppercase;
 }
 
+@media (min-width: 769px) {
+
+  .navbar__link-wrapper {
+    border: 1px solid var(--color-lmu-box-border);
+  }
+}
+
 @media (max-width: 768px) {
 
   .navbar__link-wrapper {
@@ -241,7 +257,15 @@
 
   .navbar__link-wrapper {
     color: var(--color-grey);
-    box-shadow: 0 0 0 1px inset var(--color-grey);
+  }
+}
+
+@media (min-width: 769px) {
+
+  .navbar__list-item--secondary {
+    .navbar__link-wrapper {
+      border: 1px solid var(--color-grey);
+    }
   }
 }