diff --git a/templates/default-layout.lucius b/templates/default-layout.lucius index 8d24883c3..f2c6e1179 100644 --- a/templates/default-layout.lucius +++ b/templates/default-layout.lucius @@ -24,6 +24,7 @@ box-sizing: border-box; padding: 0; margin: 0; + -webkit-font-smoothing: antialiased; } body { diff --git a/templates/standalone/inputs.julius b/templates/standalone/inputs.julius index 0c5624444..ed129274e 100644 --- a/templates/standalone/inputs.julius +++ b/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); } diff --git a/templates/widgets/navbar.lucius b/templates/widgets/navbar.lucius index 0c41669d7..90cecf1e6 100644 --- a/templates/widgets/navbar.lucius +++ b/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); + } } }