Fix up vote button CSS

This commit is contained in:
Alec Rust
2022-04-23 14:51:52 +01:00
parent 0c216792cf
commit 0bf8368686
2 changed files with 16 additions and 21 deletions

View File

@@ -9,7 +9,7 @@
position: absolute; position: absolute;
width: 100%; width: 100%;
pointer-events: none; pointer-events: none;
height: 100%; height: 100%;
transform: scaleY(0.6) translateY(-30%) translateY(1.5px); transform: scaleY(0.6) translateY(-30%) translateY(1.5px);
z-index: 40; z-index: 40;
@@ -108,7 +108,7 @@
.sponsorSkipObject { .sponsorSkipObject {
font-family: Roboto, Arial, Helvetica, sans-serif; font-family: Roboto, Arial, Helvetica, sans-serif;
margin-left: 2px; margin-left: 2px;
margin-right: 2px; margin-right: 2px;
} }
@@ -253,7 +253,7 @@
.sponsorSkipNoticeButton:hover { .sponsorSkipNoticeButton:hover {
background-color: rgba(235, 235, 235,0.2); background-color: rgba(235, 235, 235,0.2);
border-radius: 4px; border-radius: 4px;
transition: background-color 0.4s; transition: background-color 0.4s;
} }
@@ -288,7 +288,7 @@
height: 10px; height: 10px;
width: 10px; width: 10px;
box-sizing: unset; box-sizing: unset;
padding: 2px 5px; padding: 2px 5px;
margin-left: 2px; margin-left: 2px;
@@ -303,7 +303,7 @@
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
color: rgb(235, 235, 235); color: rgb(235, 235, 235);
margin-top: auto; margin-top: auto;
display: inline-block; display: inline-block;
margin-right: 10px; margin-right: 10px;
@@ -343,15 +343,6 @@
color: rgb(235, 235, 235); color: rgb(235, 235, 235);
} }
.voteButton {
height: 24px;
width: 24px;
cursor: pointer;
}
.voteButton:hover {
filter: brightness(80%);
}
.segmentSummary { .segmentSummary {
outline: none !important; outline: none !important;
} }
@@ -369,7 +360,7 @@
padding:4px 15px; padding:4px 15px;
text-decoration:none; text-decoration:none;
text-shadow:0px 0px 0px #662727; text-shadow:0px 0px 0px #662727;
margin-top: 5px; margin-top: 5px;
margin-right: 15px; margin-right: 15px;
} }
@@ -405,7 +396,7 @@
padding:4px 15px; padding:4px 15px;
text-decoration:none; text-decoration:none;
text-shadow:0px 0px 0px #662727; text-shadow:0px 0px 0px #662727;
margin-top: 5px; margin-top: 5px;
margin-right: 15px; margin-right: 15px;
} }
@@ -467,7 +458,7 @@
margin-right: 20px; margin-right: 20px;
font-size: 13px; font-size: 13px;
cursor: pointer; cursor: pointer;
} }
@@ -516,14 +507,14 @@ input::-webkit-inner-spin-button {
height: 25px; height: 25px;
cursor: pointer; cursor: pointer;
padding: 5px; padding: 5px;
margin: auto; margin: auto;
top: 0; top: 0;
bottom: 0; bottom: 0;
position: absolute; position: absolute;
} }
.helpButton:hover { .helpButton:hover {
filter: brightness(80%); opacity: 0.8;
} }
.sbChatNotice iframe { .sbChatNotice iframe {
@@ -646,7 +637,7 @@ input::-webkit-inner-spin-button {
height: 10px; height: 10px;
width: 10px; width: 10px;
box-sizing: unset; box-sizing: unset;
margin: 0px 0px 0px 5px; margin: 0px 0px 0px 5px;
} }
@@ -658,4 +649,4 @@ input::-webkit-inner-spin-button {
#sponsorBlockDurationAfterSkips.ytm-time-display { #sponsorBlockDurationAfterSkips.ytm-time-display {
padding-left: 4px; padding-left: 4px;
margin: 0px; margin: 0px;
} }

View File

@@ -190,6 +190,10 @@
cursor: pointer; cursor: pointer;
} }
.voteButton:hover {
opacity: 0.8;
}
/* /*
* "Voted!" text that appears after voting on a segment * "Voted!" text that appears after voting on a segment
*/ */