diff --git a/app/assets/stylesheets/space-frontend.scss b/app/assets/stylesheets/space-frontend.scss index 52254c6..cfe2d99 100644 --- a/app/assets/stylesheets/space-frontend.scss +++ b/app/assets/stylesheets/space-frontend.scss @@ -15,23 +15,25 @@ } .anchor{ position: absolute; - left: 20%; + left: 0.2em; width: 0; height: 0; border-style: solid; - border-width: 1em 1em 0 1em; + border-width: 0.8em 0.8em 0 0.8em; border-color: #2196f3 transparent transparent transparent; } .s-space.show-space .selection-box-label.active{ + z-index: 5; display: block; position: absolute; bottom: 110%; - bottom: calc(100% + 0.8em); + overflow-wrap: break-word; left: 0%; background: #2196F3; color: white; - width: 100%; + width: 650%; padding: 0.2em; + font-size: 0.6em; } #full-layout-canvas { text-align: center; diff --git a/app/assets/stylesheets/spaces.scss b/app/assets/stylesheets/spaces.scss index 181b68d..2648882 100644 --- a/app/assets/stylesheets/spaces.scss +++ b/app/assets/stylesheets/spaces.scss @@ -368,11 +368,11 @@ } .anchor{ position: absolute; - left: 20%; + left: 0.2em; width: 0; height: 0; border-style: solid; - border-width: 1em 1em 0 1em; + border-width: 0.8em 0.8em 0 0.8em; border-color: #2196f3 transparent transparent transparent; } } @@ -380,15 +380,17 @@ display: none; } .s-space.show-space .selection-box-label.active{ + z-index: 5; display: block; position: absolute; bottom: 110%; - bottom: calc(100% + 0.8em); + overflow-wrap: break-word; left: 0%; background: #2196F3; color: white; - width: 100%; + width: 650%; padding: 0.2em; + font-size: 0.6em; } // Page specific styles diff --git a/app/controllers/spaces_controller.rb b/app/controllers/spaces_controller.rb index 5c84388..945ccbd 100644 --- a/app/controllers/spaces_controller.rb +++ b/app/controllers/spaces_controller.rb @@ -147,7 +147,7 @@ class SpacesController < ApplicationController def style_label(color1,color2) if color1 "