romanmir/TorrentParts
1
0
Fork 0
mirror of https://github.com/leoherzog/TorrentParts.git synced 2026-01-24 04:08:04 -08:00
Code Issues Packages Projects Releases Wiki Activity

Add Informational Tooltips

Browse Source
This commit is contained in:
Leo Herzog
2020-11-11 16:35:47 -05:00
parent 973312266f
commit a61f99df89
7 changed files with 4711 additions and 404 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
style.css
View File

@@ -208,6 +208,10 @@ label[for="torrent"] {
width: 460px;
}
.info {
color: var(--grey);
}
label {
text-transform: uppercase;
}
@@ -325,3 +329,32 @@ input {
}
}
/*! Tippy 6.2.7 | MIT License | github.com/atomiks/tippyjs */
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
.tippy-box[data-animation=shift-away-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=top]{transform:translateY(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=bottom]{transform:translateY(-5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=left]{transform:translateX(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=right]{transform:translateX(-5px)}
.tippy-box[data-theme~="torrent-parts"] {
background-color: var(--accent);
font-weight: 600;
text-align: center;
}
.tippy-box[data-theme~="torrent-parts"][data-placement^="top"] > .tippy-arrow:before {
border-top-color: var(--accent);
}
.tippy-box[data-theme~="torrent-parts"][data-placement^="bottom"] > .tippy-arrow:before {
border-bottom-color: var(--accent);
}
.tippy-box[data-theme~="torrent-parts"][data-placement^="left"] > .tippy-arrow:before {
border-left-color: var(--accent);
}
.tippy-box[data-theme~="torrent-parts"][data-placement^="right"] > .tippy-arrow:before {
border-right-color: var(--accent);
}
.tippy-box[data-theme~="torrent-parts"] > .tippy-backdrop {
background-color: var(--accent);
}
.tippy-box[data-theme~="torrent-parts"] > .tippy-svg-arrow {
fill: var(--accent);
}