franzz/spot
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add button icons on all drill downs

Browse Source
This commit is contained in:
Franzz
2019-07-01 21:22:37 +02:00
parent 9c5dc5fa4d
commit 7c0f3feed7
5 changed files with 56 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
style/_mask_project.scss
View File

@@ -293,6 +293,28 @@ $legend-color: #222;
.body {
clear: both;
padding: 0em 1em 0.5em;
a.drill {
display: inline-block;
width: 100%;
line-height: 0;
margin: 0;
position: relative;
@extend .fa;
overflow: hidden;
text-decoration: none;
&:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
font-size: 3em;
color: transparent;
transition: all 0.3s;
cursor: pointer;
}
}
}
&.headerless {
.header {
@@ -306,31 +328,21 @@ $legend-color: #222;
background: $media-bg;
color: $media-color;
a {
display: inline-block;
width: 100%;
line-height: 0;
margin: 0;
position: relative;
a.drill {
&.video {
@extend .fa;
@extend .fa-play;
overflow: hidden;
&:hover::before {
color: white;
@extend .fa-drill-video;
&:hover:before {
color: rgba($media-bg, 0.75);
}
&::before {
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
color: #CCC;
left: 50%;
text-shadow: 0px 1px 1px rgba(0,0,0,0.8);
font-size: 3em;
text-decoration: none;
&:before {
color: rgba(255, 255, 255, 0.5);
}
}
&.picture {
@extend .fa-drill-picture;
&:hover:before {
color: rgba($media-bg, 0.75);
}
}
}
@@ -350,6 +362,13 @@ $legend-color: #222;
font-size: 0.9em;
margin: 0.5em 0;
}
a.drill {
@extend .fa-drill-message;
&:hover:before {
color: rgba($message-bg, 0.75);
}
}
.staticmap {
width: 100%;