summaryrefslogtreecommitdiff
path: root/web-ui/app
diff options
context:
space:
mode:
authorGislene Pereira <gislene01@gmail.com>2015-12-07 18:21:34 -0200
committerPixelated <pixelated@pix-poa-1>2015-12-07 18:25:26 -0200
commit77ef504e27e48f1e3b8b86038730b75114a2c44f (patch)
treed52a423de6aac44f748980c4653ea7aa6c64ffef /web-ui/app
parent6366a61f6bd01f1ba6a4723d5a1eddd1925f160a (diff)
Issue #411 - Fixing user settings box position [w/ @giovaneliberato]
Diffstat (limited to 'web-ui/app')
-rw-r--r--web-ui/app/scss/styles.scss75
1 files changed, 42 insertions, 33 deletions
diff --git a/web-ui/app/scss/styles.scss b/web-ui/app/scss/styles.scss
index 8a3a44d5..431f6292 100644
--- a/web-ui/app/scss/styles.scss
+++ b/web-ui/app/scss/styles.scss
@@ -21,43 +21,48 @@
background-color: $search-highlight;
}
-#user-settings-box>div {
- position: absolute;
- left: 20px;
- bottom: 0px;
- z-index: 1;
- padding: 10px 16px 10px 18px;
- background-color: rgba(#3E3A37, 0.9);
- min-width: 230px;
+#user-settings-box {
+ position: fixed;
+ z-index: 10;
+
+ &>div {
+ position: fixed;
+ left: 70px;
+ bottom: 0px;
+ z-index: 1;
+ padding: 10px 16px 10px 18px;
+ background-color: rgba(#3E3A37, 0.9);
+ min-width: 230px;
- &.extra-bottom-space{
- bottom: 33px
- }
+ &.extra-bottom-space{
+ bottom: 33px
+ }
- #user-settings-close {
- float: right;
- }
-
- h1, i {
- font-size: 1.2em;
- color: white;
- line-height: 1.2em;
- }
-
- i.fa-user {
- margin-right: 10px;
- float: left;
- }
+ #user-settings-close {
+ float: right;
+ }
- i.fa-close{
- margin-left: 10px;
- float: right;
- cursor: pointer;
- }
+ h1, i {
+ font-size: 1.2em;
+ color: white;
+ line-height: 1.2em;
+ }
- p {
- font-size: 1.2em;
- color: #FF9C00;
+ i.fa-user {
+ margin-right: 10px;
+ float: left;
+ }
+
+ i.fa-close{
+ margin-left: 10px;
+ float: right;
+ cursor: pointer;
+ }
+
+ p {
+ font-size: 1.2em;
+ color: #FF9C00;
+ }
}
}
@@ -795,6 +800,10 @@ button {
-ms-transform: translate3d(10rem, 0, 0);
-o-transform: translate3d(10rem, 0, 0);
transform: translate3d(10rem, 0, 0);
+
+ #user-settings-box>div {
+ left: 20px;
+ }
}
}