mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Merge pull request #573 from dkanada/style

Browse source 
Align scroller items with heading
This commit is contained in:
dkanada 2019-11-20 12:08:42 +09:00 • committed by GitHub
commit 800137886c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/components/cardbuilder/card.css
View file

@ -32,18 +32,6 @@ button {
.itemsContainer {
display: flex;
margin-left: -0.6em;
margin-right: -0.6em;
}
/* TODO replace this with a proper fix */
/* doesnt work on mobile devices */
/* negative margin fixes annoying misalignment with cards and title */
@media all and (max-width:50em) {
.itemsContainer {
margin-left: 0;
margin-right: 0;
}
}
.vertical-list {
@ -364,9 +352,6 @@ button {
vertical-align: middle;
font-family: inherit;
font-size: inherit;
/*display: flex;
align-items: center;
justify-content: center;*/
}
.textActionButton:hover {

11
src/components/emby-scroller/emby-scroller.css
View file

@ -7,6 +7,17 @@
margin-right: 3.3%;
}
/* align first card in scroller to heading */
.emby-scroller .card:first-of-type > .cardBox {
margin-left: 0;
}
/* align heading for normal item containers */
/* still not ideal solution but better than the last method */
.verticalSection > .itemsContainer .cardBox {
margin-left: 0;
}
@media all and (max-width:50em) {
.emby-scroller {
padding-left: 3.3%;