fraport/fradrive-old
Archived
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

responsive tooltips

Browse Source
This commit is contained in:
Felix Hamann 2018-06-30 00:22:40 +02:00
parent 6b24e7ab80
commit a53c71df67
1 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
templates/standalone/tooltip.lucius
View File

@ -27,7 +27,6 @@
border-radius: 4px; border-radius: 4px;
padding: 13px 17px; padding: 13px 17px;
box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.1);
// display: none;
&.to-left { &.to-left {
left: auto; left: auto;
@ -47,8 +46,6 @@
transform: rotate(45deg); transform: rotate(45deg);
position: absolute; position: absolute;
left: 10px; left: 10px;
// box-shadow: 0 0 4px black;
// outline: 1px solid red;
bottom: -8px; bottom: -8px;
} }
} }
@ -57,3 +54,17 @@
display: none; display: none;
} }
} }
@media (max-width: 768px) {
.js-tooltip {
display: block;
margin-top: 10px;
.tooltip__content {
left: 3px;
right: 3px;
width: auto;
}
}
}