harry
/
space
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix font error on rwd

This commit is contained in:
chiu 2020-10-02 14:42:40 +08:00
parent baab751921
commit cdcb238afc
5 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/assets/stylesheets/space-frontend.scss
View File

@ -15,23 +15,25 @@
} }
.anchor{ .anchor{
position: absolute; position: absolute;
left: 20%; left: 0.2em;
width: 0; width: 0;
height: 0; height: 0;
border-style: solid; border-style: solid;
border-width: 1em 1em 0 1em; border-width: 0.8em 0.8em 0 0.8em;
border-color: #2196f3 transparent transparent transparent; border-color: #2196f3 transparent transparent transparent;
} }
.s-space.show-space .selection-box-label.active{ .s-space.show-space .selection-box-label.active{
z-index: 5;
display: block; display: block;
position: absolute; position: absolute;
bottom: 110%; bottom: 110%;
bottom: calc(100% + 0.8em); overflow-wrap: break-word;
left: 0%; left: 0%;
background: #2196F3; background: #2196F3;
color: white; color: white;
width: 100%; width: 650%;
padding: 0.2em; padding: 0.2em;
font-size: 0.6em;
} }
#full-layout-canvas { #full-layout-canvas {
text-align: center; text-align: center;

10
app/assets/stylesheets/spaces.scss
View File

@ -368,11 +368,11 @@
} }
.anchor{ .anchor{
position: absolute; position: absolute;
left: 20%; left: 0.2em;
width: 0; width: 0;
height: 0; height: 0;
border-style: solid; border-style: solid;
border-width: 1em 1em 0 1em; border-width: 0.8em 0.8em 0 0.8em;
border-color: #2196f3 transparent transparent transparent; border-color: #2196f3 transparent transparent transparent;
} }
} }
@ -380,15 +380,17 @@
display: none; display: none;
} }
.s-space.show-space .selection-box-label.active{ .s-space.show-space .selection-box-label.active{
z-index: 5;
display: block; display: block;
position: absolute; position: absolute;
bottom: 110%; bottom: 110%;
bottom: calc(100% + 0.8em); overflow-wrap: break-word;
left: 0%; left: 0%;
background: #2196F3; background: #2196F3;
color: white; color: white;
width: 100%; width: 650%;
padding: 0.2em; padding: 0.2em;
font-size: 0.6em;
} }
// Page specific styles // Page specific styles

2
app/controllers/spaces_controller.rb
View File

@ -147,7 +147,7 @@ class SpacesController < ApplicationController
def style_label(color1,color2) def style_label(color1,color2)
if color1 if color1
"<style> "<style>
.s-space.show-space .selection-box-label.absolute-center.active{ .s-space.show-space .selection-box-label.active{
background: #{color1} !important; background: #{color1} !important;
color: #{color2} !important; color: #{color2} !important;
} }

1
modules/space/show.html.erb
View File

@ -70,6 +70,7 @@
var text = $(this).find('.selection-box-label') var text = $(this).find('.selection-box-label')
text.append('<div class="anchor"></div>') text.append('<div class="anchor"></div>')
temp.prepend('<i class="fa fa-map-marker"></i>') temp.prepend('<i class="fa fa-map-marker"></i>')
temp.find('.fa-map-marker').append(text)
temp.find('.fa-map-marker').css('color',map_color) temp.find('.fa-map-marker').css('color',map_color)
$(this).on('mouseover',function(){ $(this).on('mouseover',function(){
$(this).css('background-color',block_color) $(this).css('background-color',block_color)

1
modules/space/unit.html.erb
View File

@ -69,6 +69,7 @@
var text = $(this).find('.selection-box-label') var text = $(this).find('.selection-box-label')
text.append('<div class="anchor"></div>') text.append('<div class="anchor"></div>')
temp.prepend('<i class="fa fa-map-marker"></i>') temp.prepend('<i class="fa fa-map-marker"></i>')
temp.find('.fa-map-marker').append(text)
temp.find('.fa-map-marker').css('color',map_color) temp.find('.fa-map-marker').css('color',map_color)
$(this).find('.selection-box.overlay') $(this).find('.selection-box.overlay')
$(this).on('mouseover',function(){ $(this).on('mouseover',function(){