aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/collections/collectionLinear/CollectionLinearView.scss
diff options
context:
space:
mode:
authormehekj <mehek.jethani@gmail.com>2022-04-12 18:11:13 -0400
committermehekj <mehek.jethani@gmail.com>2022-04-12 18:11:13 -0400
commit82272cc4735a9da78a1c4592bdf460f1ab6e644d (patch)
treeb2980350c566102048cee05d5d153d78a49a4d89 /src/client/views/collections/collectionLinear/CollectionLinearView.scss
parentb3424535cb746ff9fba35375d9abf07ba174dcf0 (diff)
parentab0e1ac6f5b21f2e10bdce428c882482a0f159b4 (diff)
Merge branch 'inkocr-mehek' into inking-naafi-mehek
Diffstat (limited to 'src/client/views/collections/collectionLinear/CollectionLinearView.scss')
-rw-r--r--src/client/views/collections/collectionLinear/CollectionLinearView.scss21
1 files changed, 13 insertions, 8 deletions
diff --git a/src/client/views/collections/collectionLinear/CollectionLinearView.scss b/src/client/views/collections/collectionLinear/CollectionLinearView.scss
index 968048e39..e8df192cf 100644
--- a/src/client/views/collections/collectionLinear/CollectionLinearView.scss
+++ b/src/client/views/collections/collectionLinear/CollectionLinearView.scss
@@ -17,7 +17,7 @@
background-color: $medium-blue-alt;
}
- >input:not(:checked)~&.true {
+ > input:not(:checked) ~ &.true {
background-color: transparent;
}
@@ -31,7 +31,7 @@
overflow: visible !important;
}
- >span {
+ > span {
background: $dark-gray;
color: $white;
border-radius: 18px;
@@ -39,6 +39,10 @@
cursor: pointer;
}
+ .audio-title:hover {
+ text-decoration: underline;
+ }
+
.bottomPopup-background {
background: $medium-blue;
display: flex;
@@ -58,6 +62,7 @@
padding-right: 20px;
vertical-align: middle;
font-size: 12.5px;
+ pointer-events: all;
}
.bottomPopup-descriptions {
@@ -86,7 +91,7 @@
color: black;
}
- >label {
+ > label {
pointer-events: all;
cursor: pointer;
background-color: $medium-blue;
@@ -104,20 +109,20 @@
justify-content: center;
transition: 0.2s;
- &:hover{
+ &:hover {
filter: brightness(0.85);
}
}
- >input {
+ > input {
display: none;
}
- >input:not(:checked)~.collectionLinearView-content {
+ > input:not(:checked) ~ .collectionLinearView-content {
display: none;
}
- >input:checked~label {
+ > input:checked ~ label {
transform: rotate(45deg);
transition: transform 0.5s;
cursor: pointer;
@@ -151,4 +156,4 @@
}
}
}
-} \ No newline at end of file
+}