diff --git a/aleksis/core/static/public/style.scss b/aleksis/core/static/public/style.scss index 9d3a7f5609c20400d3addbd86e4e0e6efe965393..cb59138727e2a9345fb4295261a4393414d0aade 100644 --- a/aleksis/core/static/public/style.scss +++ b/aleksis/core/static/public/style.scss @@ -138,7 +138,7 @@ ul.sidenav li.logo > a:hover { } .sidenav-badge { - min-width: 2rem!important; + min-width: 2rem !important; } .sidenav li.search { @@ -553,11 +553,11 @@ th.orderable.desc > a { font-weight: 700; } -figure.alert > :not(.material-icons.left){ +figure.alert > :not(.material-icons.left) { margin-left: 39px; } -.alert figcaption { +.alert figcaption { font-weight: 700; font-size: 17px; margin: auto; @@ -565,7 +565,7 @@ figure.alert > :not(.material-icons.left){ div.alert > p, div.alert > div, -figure.alert{ +figure.alert { margin: 10px; padding: 10px; border-left: 5px solid; @@ -573,7 +573,7 @@ figure.alert{ div.alert.success > p, div.alert.success > div, -figure.alert.success{ +figure.alert.success { @extend .success; border-color: color("green", "base"); } @@ -612,23 +612,23 @@ main figure.alert { // Text collapsible .text-collapsible > .material-icons { - font-size: 20px; - line-height: 15px; - margin-bottom: 2px; - margin-left: -1px; - vertical-align: middle; - cursor: pointer; - color: #6d6d6d; + font-size: 20px; + line-height: 15px; + margin-bottom: 2px; + margin-left: -1px; + vertical-align: middle; + cursor: pointer; + color: #6d6d6d; } .text-collapsible.opened .a, .text-collapsible.opened > .material-icons.open-icon { - display: none; + display: none; } .text-collapsible.closed .b, .text-collapsible.closed > .material-icons.close-icon { - display: none; + display: none; } // Helpers @@ -772,10 +772,10 @@ main figure.alert { } .card .card-action-light { - background-color: inherit; - border-top: 1px solid rgba(160, 160, 160, 0.2); - position: relative; - padding: 16px 24px; + background-color: inherit; + border-top: 1px solid rgba(160, 160, 160, 0.2); + position: relative; + padding: 16px 24px; } .margin-top { @@ -829,7 +829,7 @@ $person-logo-size: 20vh; } } -.clip-circle.no-image, .clip-circle.no-image>i.material-icons { +.clip-circle.no-image, .clip-circle.no-image > i.material-icons { font-size: calc(#{$person-logo-size} * 0.5); color: #6f6f6f; background: #f2f2f2; @@ -864,6 +864,7 @@ $person-logo-size: 20vh; right: $main-padding-lr; margin: 0; align-items: end; + & a { -webkit-transition: width 0.5s 0s ease; -moz-transition: width 0.5s 0s ease; @@ -903,6 +904,7 @@ $person-logo-size: 20vh; .materialboxed { &:not(.active) { opacity: 100% !important; + & > img:hover { opacity: 80%; } @@ -917,6 +919,7 @@ $person-logo-size: 20vh; object-fit: contain; } } +} .application-circle { border-radius: 50%; @@ -927,5 +930,5 @@ $person-logo-size: 20vh; .application-circle img { @extend .application-circle; - object-fit: cover; + object-fit: cover; }