mirror of
https://github.com/KrstlSkll69/vc-snippets.git
synced 2025-04-19 20:55:22 +02:00
jumpToPresentButton
This commit is contained in:
parent
d6b5492d52
commit
9239854001
1 changed files with 48 additions and 0 deletions
48
OtherStuff/jumpToPresentButtonRevamp.css
Normal file
48
OtherStuff/jumpToPresentButtonRevamp.css
Normal file
|
@ -0,0 +1,48 @@
|
|||
/* Jump To Present Bar Revamp */
|
||||
[class*="jumpToPresentBar"] {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
[class*="jumpToPresentBar"] > button:first-child {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[class*="jumpToPresentBar"] > button:last-child {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
bottom: 65px;
|
||||
right: 16px;
|
||||
padding: 8px !important;
|
||||
height: var(--custom-channel-textarea-text-area-height);
|
||||
background: var(--bg-overlay-3,var(--channeltextarea-background));
|
||||
box-shadow: var(--elevation-high);
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
font-size: 0px;
|
||||
color: transparent;
|
||||
transition: font-size .2s .1s, color .2s, padding .4s .1s;
|
||||
}
|
||||
|
||||
[class*="jumpToPresentBar"] > button svg {
|
||||
order: -1;
|
||||
margin: 0px;
|
||||
height: 24px;
|
||||
width: 28px;
|
||||
top: auto;
|
||||
margin-right: 0px;
|
||||
margin-left: 0px;
|
||||
color: var(--interactive-normal);
|
||||
transition: margin .6s;
|
||||
}
|
||||
|
||||
[class*="jumpToPresentBar"]:hover > button {
|
||||
padding: 8px 18px !important;
|
||||
font-size: 14px;
|
||||
color: #FFFFFF;
|
||||
transition: font-size .2s, color .2s .1s, padding .4s;
|
||||
}
|
||||
|
||||
[class*="jumpToPresentBar"]:hover > button svg {
|
||||
margin-right: 2px;
|
||||
margin-left: -6px;
|
||||
}
|
Loading…
Add table
Reference in a new issue