diff --git a/gms/memberdb/static/admin_custom.css b/gms/memberdb/static/admin_custom.css index 8f1ad2c9e8c7b0a5ee1fb531cefc758a66436398..629d6c09b024c7598d1fecd17bd3941a52af0a9b 100644 --- a/gms/memberdb/static/admin_custom.css +++ b/gms/memberdb/static/admin_custom.css @@ -2,11 +2,11 @@ display: inline-block; } -.logo { +.logo span { transform: rotate(45deg); } -.logo:hover { +.logo span:hover { animation: spin 0.5s linear infinite; } @@ -40,4 +40,4 @@ p, a { box-sizing: content-box; -} \ No newline at end of file +} diff --git a/gms/memberdb/static/shared.css b/gms/memberdb/static/shared.css index 5868b79900cd6252d97d3839b79729d5cc5fa1fc..e1a893818bd35010dfb11b1be756e8c05a7ac7c9 100644 --- a/gms/memberdb/static/shared.css +++ b/gms/memberdb/static/shared.css @@ -19,6 +19,13 @@ body { margin: 5px 30px 5px 20px; height: 50px; width: 50px; + overflow: hidden; /* hide the overflow when it is rotated on the admin site */ +} + +.logo span { + height: 100%; + width: 100%; + display: block; background-image: url("ucc-logo-white.png"); background-repeat: no-repeat; background-position: center; @@ -153,4 +160,4 @@ input[type=button][disabled].default { .help, p.help, form p.help, div.help, form div.help, div.help li { font-size: 12px; color: #999; -} \ No newline at end of file +} diff --git a/gms/memberdb/templates/base.html b/gms/memberdb/templates/base.html index 5235fd7ed52521382fbcecc91f39aba6da035af3..51f23d380477b98741e409fc74c6e1e9c1ee0782 100644 --- a/gms/memberdb/templates/base.html +++ b/gms/memberdb/templates/base.html @@ -23,7 +23,9 @@ {% block navbar %} <nav> {% block branding %} - <a class="logo" title="UCC logo"></a> + <a class="logo" title="UCC logo"> + <span></span> + </a> {% endblock %} {# fancy automatic navbar thing from https://stackoverflow.com/questions/39639264 #}