Fix: white play icon, no underline on channel hover
This commit is contained in:
parent
2566163100
commit
f38d3ba854
5
.gitignore
vendored
5
.gitignore
vendored
@ -2,3 +2,8 @@ node_modules/
|
|||||||
*.log
|
*.log
|
||||||
.DS_Store
|
.DS_Store
|
||||||
.env
|
.env
|
||||||
|
prod/
|
||||||
|
prod-test.js
|
||||||
|
test-*.js
|
||||||
|
screens/
|
||||||
|
node_modules/
|
||||||
|
|||||||
@ -128,7 +128,7 @@ a:hover { border-bottom: 1px solid #313131; }
|
|||||||
@media all and (max-width: 800px) {
|
@media all and (max-width: 800px) {
|
||||||
.selectChannelBox { height: 150px; }
|
.selectChannelBox { height: 150px; }
|
||||||
}
|
}
|
||||||
.selectChannelBox svg { width: 10px; height: 10px; }
|
.selectChannelBox svg { width: 10px; height: 10px; fill: #fff; color: #fff; }
|
||||||
.selectChannelBox .lineHeader { font-weight: 700; }
|
.selectChannelBox .lineHeader { font-weight: 700; }
|
||||||
.selectChannelBox .lineSelectChannel { margin: 5px 0; font-size: 20px; }
|
.selectChannelBox .lineSelectChannel { margin: 5px 0; font-size: 20px; }
|
||||||
.selectChannelBox .lineRandom {
|
.selectChannelBox .lineRandom {
|
||||||
@ -168,20 +168,24 @@ a:hover { border-bottom: 1px solid #313131; }
|
|||||||
|
|
||||||
/* ---------- channel list ---------- */
|
/* ---------- channel list ---------- */
|
||||||
.channelList { margin-top: var(--channelsTopMargin); }
|
.channelList { margin-top: var(--channelsTopMargin); }
|
||||||
|
.channelList__channel,
|
||||||
|
.channelList__channel:hover,
|
||||||
|
.channelList__channel:active,
|
||||||
|
.channelList__channel:focus,
|
||||||
|
.channelList__channel:visited {
|
||||||
|
text-decoration: none !important;
|
||||||
|
border: none !important;
|
||||||
|
border-bottom: none !important;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
.channelList__channel {
|
.channelList__channel {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
height: 64px;
|
height: 64px;
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
text-decoration: none;
|
|
||||||
border: none;
|
|
||||||
border-bottom: none !important;
|
|
||||||
}
|
}
|
||||||
.channelList__channel:hover {
|
.channelList__channel:hover {
|
||||||
transform: scale(1.1);
|
transform: scale(1.1);
|
||||||
border: none;
|
|
||||||
border-bottom: none !important;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
}
|
||||||
.channelList__channelIcon {
|
.channelList__channelIcon {
|
||||||
--initialWidth: 20px;
|
--initialWidth: 20px;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user