tedkulp/Readarr
1
0
Fork 0
mirror of https://github.com/Readarr/Readarr.git synced 2026-04-16 21:16:24 -04:00
Code Issues Projects Releases Wiki Activity

Initial Commit Rework

Browse Source
This commit is contained in:
Qstick
2017-09-03 22:20:56 -04:00
parent 74a4cc048c
commit 95051cbd63
2483 changed files with 101351 additions and 111396 deletions
Download Patch File Download Diff File Expand all files Collapse all files

161
frontend/src/Components/Tooltip/Tooltip.css Normal file
View File

@@ -0,0 +1,161 @@
.tether {
z-index: 2000;
}
.tooltipContainer {
margin: 10px 15px;
}
.tooltip {
position: relative;
&.default {
background-color: $white;
box-shadow: 0 5px 10px $popoverShadowColor;
}
&.inverse {
background-color: $themeDarkColor;
box-shadow: 0 5px 10px $popoverShadowInverseColor;
}
}
.arrow,
.arrow::after {
position: absolute;
display: block;
width: 0;
height: 0;
border-width: 11px;
border-style: solid;
border-color: transparent;
}
.arrow::after {
border-width: 10px;
content: '';
}
.top {
bottom: -11px;
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
&::after {
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
content: ' ';
&.default {
border-top-color: $popoverArrowBorderColor;
}
&.inverse {
border-top-color: $popoverArrowBorderInverseColor;
}
}
&.default {
border-top-color: $popoverArrowBorderColor;
}
&.inverse {
border-top-color: $popoverArrowBorderInverseColor;
}
}
.right {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
&::after {
bottom: -10px;
left: 1px;
border-left-width: 0;
content: ' ';
&.default {
border-right-color: $popoverArrowBorderColor;
}
&.inverse {
border-right-color: $popoverArrowBorderInverseColor;
}
}
&.default {
border-right-color: $popoverArrowBorderColor;
}
&.inverse {
border-right-color: $popoverArrowBorderInverseColor;
}
}
.bottom {
top: -11px;
left: 50%;
margin-left: -11px;
border-top-width: 0;
&::after {
top: 1px;
margin-left: -10px;
border-top-width: 0;
content: ' ';
&.default {
border-bottom-color: $popoverArrowBorderColor;
}
&.inverse {
border-bottom-color: $popoverArrowBorderInverseColor;
}
}
&.default {
border-bottom-color: $popoverArrowBorderColor;
}
&.inverse {
border-bottom-color: $popoverArrowBorderInverseColor;
}
}
.left {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
&::after {
right: 1px;
bottom: -10px;
border-right-width: 0;
content: ' ';
&.default {
border-left-color: $popoverArrowBorderColor;
}
&.inverse {
border-left-color: $popoverArrowBorderInverseColor;
}
}
&.default {
border-left-color: $popoverArrowBorderColor;
}
&.inverse {
border-left-color: $popoverArrowBorderInverseColor;
}
}
.body {
padding: 5px;
}