mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-25 04:46:40 +07:00
added button tooltips
This commit is contained in:
parent
5cf3d22466
commit
b23c136cbe
5 changed files with 75 additions and 5 deletions
|
@ -10,6 +10,7 @@
|
|||
}
|
||||
|
||||
.button {
|
||||
position: relative;
|
||||
height: $input_height;
|
||||
border: none;
|
||||
box-sizing: border-box;
|
||||
|
@ -235,3 +236,21 @@
|
|||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.tooltip {
|
||||
padding: 5px 10px;
|
||||
background-color: darken($content_bg, 4%);
|
||||
z-index: 2;
|
||||
border-radius: $input_radius;
|
||||
text-transform: none;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
touch-action: none;
|
||||
transition: opacity 0.1s;
|
||||
border: 1px solid transparentize(white, 0.9);
|
||||
|
||||
.button:hover & {
|
||||
opacity: 1;
|
||||
font: $font_14_semibold;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue