From a3ded83292dc952126661f74fa9f758d91d0f89d Mon Sep 17 00:00:00 2001 From: Mojca Lorber Date: Wed, 30 Oct 2019 15:42:11 +0100 Subject: [PATCH] Small css change --- app/assets/stylesheets/themes/scinote.scss | 57 ++++++++++------------ 1 file changed, 27 insertions(+), 30 deletions(-) diff --git a/app/assets/stylesheets/themes/scinote.scss b/app/assets/stylesheets/themes/scinote.scss index 9dab2a87b..2638dbec2 100644 --- a/app/assets/stylesheets/themes/scinote.scss +++ b/app/assets/stylesheets/themes/scinote.scss @@ -1387,44 +1387,41 @@ table.dataTable { height: 100px; position: relative; width: 100px; -} -.avatar-container:hover { .avatar-edit { - display: block; + background-color: $color-silver-chalice; + border-radius: inherit; + cursor: pointer; + display: none; + height: inherit; + opacity: .8; + position: absolute; + width: inherit; } .avatar-edit-text { - display: block; + color: $color-white; + cursor: pointer; + display: none; + padding-top: 40%; + position: absolute; + text-align: center; + width: inherit; } -} -.avatar-image { - left: 50%; - position: absolute; - top: 50%; - transform: translate(-50%, -50%); -} + &:hover { + .avatar-edit, + .avatar-edit-text { + display: block; + } + } -.avatar-edit { - background-color: $color-silver-chalice; - border-radius: inherit; - cursor: pointer; - display: none; - height: inherit; - opacity: .8; - position: absolute; - width: inherit; -} - -.avatar-edit-text { - color: $color-white; - cursor: pointer; - display: none; - padding-top: 40%; - position: absolute; - text-align: center; - width: inherit; + .avatar-image { + left: 50%; + position: absolute; + top: 50%; + transform: translate(-50%, -50%); + } } .avatar-file-upload input[type=file] {