extern/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2024-12-31 19:18:57 +01:00
Code Issues Packages Projects Releases Wiki Activity

Remove unnecessary background-image #569

Browse Source
This commit is contained in:
advplyr 2022-05-07 20:21:08 -05:00
parent abf9120363
commit 8fbe3c3884
1 changed files with 33 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
client/assets/app.css
View File

@ -12,14 +12,17 @@
height: calc(100% - 64px); height: calc(100% - 64px);
max-height: calc(100% - 64px); max-height: calc(100% - 64px);
} }
.page.streaming { .page.streaming {
height: calc(100% - 64px - 165px); height: calc(100% - 64px - 165px);
max-height: calc(100% - 64px - 165px); max-height: calc(100% - 64px - 165px);
} }
#bookshelf { #bookshelf {
height: calc(100% - 40px); height: calc(100% - 40px);
background-image: linear-gradient(to right bottom, #2e2e2e, #303030, #313131, #333333, #353535, #343434, #323232, #313131, #2c2c2c, #282828, #232323, #1f1f1f); background-image: linear-gradient(to right bottom, #2e2e2e, #303030, #313131, #333333, #353535, #343434, #323232, #313131, #2c2c2c, #282828, #232323, #1f1f1f);
} }
@media (max-width: 768px) { @media (max-width: 768px) {
#bookshelf { #bookshelf {
height: calc(100% - 80px); height: calc(100% - 80px);
@ -34,21 +37,24 @@
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 8px; width: 8px;
} }
::-webkit-scrollbar:horizontal { ::-webkit-scrollbar:horizontal {
height: 8px; height: 8px;
} }
/* ::-webkit-scrollbar:horizontal { */ /* ::-webkit-scrollbar:horizontal { */
/* height: 16px; */ /* height: 16px; */
/* height: 24px; /* height: 24px;
} */ } */
/* Track */ /* Track */
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
background-color: rgba(0,0,0,0); background-color: rgba(0, 0, 0, 0);
} }
/* ::-webkit-scrollbar-track:horizontal { */ /* ::-webkit-scrollbar-track:horizontal { */
/* background: rgb(149, 119, 90); */ /* background: rgb(149, 119, 90); */
/* background: linear-gradient(180deg, rgba(149, 119, 90, 1) 0%, rgba(103, 70, 37, 1) 17%, rgba(103, 70, 37, 1) 88%, rgba(71, 48, 25, 1) 100%); */ /* background: linear-gradient(180deg, rgba(149, 119, 90, 1) 0%, rgba(103, 70, 37, 1) 17%, rgba(103, 70, 37, 1) 88%, rgba(71, 48, 25, 1) 100%); */
/* background: linear-gradient(180deg, rgb(117, 88, 60) 0%, rgb(65, 41, 17) 17%, rgb(71, 43, 15) 88%, rgb(3, 2, 1) 100%); /* background: linear-gradient(180deg, rgb(117, 88, 60) 0%, rgb(65, 41, 17) 17%, rgb(71, 43, 15) 88%, rgb(3, 2, 1) 100%);
box-shadow: 2px 14px 8px #111111aa; box-shadow: 2px 14px 8px #111111aa;
} */ } */
/* Handle */ /* Handle */
@ -56,9 +62,10 @@
background: #855620; background: #855620;
border-radius: 4px; border-radius: 4px;
} }
/* ::-webkit-scrollbar-thumb:horizontal { */ /* ::-webkit-scrollbar-thumb:horizontal { */
/* background: linear-gradient(180deg, rgba(149, 119, 90, 1) 0%, rgba(103, 70, 37, 1) 17%, rgba(103, 70, 37, 1) 88%, rgba(71, 48, 25, 1) 100%); */ /* background: linear-gradient(180deg, rgba(149, 119, 90, 1) 0%, rgba(103, 70, 37, 1) 17%, rgba(103, 70, 37, 1) 88%, rgba(71, 48, 25, 1) 100%); */
/* box-shadow: 2px 14px 8px #111111aa; /* box-shadow: 2px 14px 8px #111111aa;
border-radius: 4px; border-radius: 4px;
} */ } */
/* Handle on hover */ /* Handle on hover */
@ -89,18 +96,23 @@ input[type=number] {
width: 100%; width: 100%;
border: 1px solid #474747; border: 1px solid #474747;
} }
.tracksTable tr:nth-child(even) { .tracksTable tr:nth-child(even) {
background-color: #2e2e2e; background-color: #2e2e2e;
} }
.tracksTable tr { .tracksTable tr {
background-color: #373838; background-color: #373838;
} }
.tracksTable tr:hover { .tracksTable tr:hover {
background-color: #474747; background-color: #474747;
} }
.tracksTable td { .tracksTable td {
padding: 4px 8px; padding: 4px 8px;
} }
.tracksTable th { .tracksTable th {
padding: 4px 8px; padding: 4px 8px;
font-size: 0.75rem; font-size: 0.75rem;
@ -113,13 +125,14 @@ input[type=number] {
border-right: 6px solid transparent; border-right: 6px solid transparent;
border-top: 6px solid white; border-top: 6px solid white;
} }
.triangle-right { .triangle-right {
width: 0; width: 0;
height: 0; height: 0;
border-left: 8px solid transparent; border-left: 8px solid transparent;
border-bottom: 8px solid transparent; border-bottom: 8px solid transparent;
border-top: 8px solid rgb(34,127,35); border-top: 8px solid rgb(34, 127, 35);
border-right: 8px solid rgb(34,127,35); border-right: 8px solid rgb(34, 127, 35);
} }
.icon-text { .icon-text {
@ -149,6 +162,7 @@ input[type=number] {
.box-shadow-book { .box-shadow-book {
box-shadow: 4px 1px 8px #11111166, -4px 1px 8px #11111166, 1px -4px 8px #11111166; box-shadow: 4px 1px 8px #11111166, -4px 1px 8px #11111166, 1px -4px 8px #11111166;
} }
.shadow-height { .shadow-height {
height: calc(100% - 4px); height: calc(100% - 4px);
} }
@ -165,9 +179,9 @@ input[type=number] {
Bookshelf Label Bookshelf Label
*/ */
.categoryPlacard { .categoryPlacard {
background-image: url(https://image.freepik.com/free-photo/brown-wooden-textured-flooring-background_53876-128537.jpg);
letter-spacing: 1px; letter-spacing: 1px;
} }
.shinyBlack { .shinyBlack {
background-color: #2d3436; background-color: #2d3436;
background-image: linear-gradient(315deg, #19191a 0%, rgb(15, 15, 15) 74%); background-image: linear-gradient(315deg, #19191a 0%, rgb(15, 15, 15) 74%);
@ -194,8 +208,11 @@ Bookshelf Label
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box;
line-height: 16px; /* fallback */ line-height: 16px;
max-height: 32px; /* fallback */ /* fallback */
-webkit-line-clamp: 2; /* number of lines to show */ max-height: 32px;
/* fallback */
-webkit-line-clamp: 2;
/* number of lines to show */
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
} }