Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Circle hover breaks the circle of episodes in the Season view and makes it a square. #103

Open
Atmaweaponvi opened this issue Dec 16, 2024 · 0 comments

Comments

@Atmaweaponvi
Copy link

Atmaweaponvi commented Dec 16, 2024

When using the circle hover, it is breaking the circle of the Season view of a show and converting it into a square. As you can see from the screen shots, the circle on the episode is converted to a square in the season view only. I would like it to remain a circle. When I remove circlehover css, it shows the circle on the episode list correctly . Am am using server 10.10.3 on windows. Bug happens on JMP and browser.

3
4
5

this is my entire CSS:

@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/rounding_circlehover.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/titlepage/title_banner-logo.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/type/dark_withaccent.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/fields/fields_border.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/login/login_frame.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/base.css');@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/accentlist.css');@import
url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/fixes.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/cornerindicator/indicator_corner.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/smallercast.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/header/header_transparent.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/effects/hoverglow.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/effects/glassy.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/effects/pan-animation.css');
@import url('https://ctalvio.github.io/Monochromic/backdrop-hack_style.css');
:root {--accent: 85.00420444000001,77.00646060000001,106.998;}
.backdropImage {filter: blur(0px);}
.backdropImage {filter: saturate(120%);}
.backdropImage {filter: contrast(120%);}
.backdropImage {filter: brightness(70%);}
:root {--rounding: 12px;}

.backdropImage {
display: none;
}

/Login background/
#loginPage {background: url(https://images.squarespace-cdn.com/content/v1/663921d372863346f9394e64/59df008a-e0ce-472a-bedf-25f9824e67b8/WealthCo_Abstract_Background_Dark_v2.jpg) !important;}

.backgroundContainer {
background-color: rgba(0, 0, 0, 0);
background-image: url('https://images.squarespace-cdn.com/content/v1/663921d372863346f9394e64/59df008a-e0ce-472a-bedf-25f9824e67b8/WealthCo_Abstract_Background_Dark_v2.jpg');
filter: blur(30px);
background-size: cover;
}

/* Darken background, only works with blue radiance */
.backgroundContainer {
background-color: #000000;
filter: brightness(70%);
}

.playedIndicator {
background: #594D57;
}

/* Make count indicator icon dark and transparent */
.countIndicator {background: #29273f50;}

.skinHeader.focuscontainer-x.skinHeader-withBackground.skinHeader-blurred {
background: none;
background-color: rgba(0, 0, 0, 0);
}

/Size episode preview images in a more compact way/
.listItemImage.listItemImage-large.itemAction.lazy {
transition: filter 0.2s
}
.listItemImageButton-icon {
padding: 0;
}
.secondary.listItem-overview.listItemBodyText {
height: unset !important;
margin: 0;

}
.listItemImageButton {
margin: auto;
font-size: 1.6em !important;
}
@media all and (min-width: 100em){
.listItemImage.listItemImage-large.itemAction.lazy {
height: 160px !important;
}
.listItem-content {
height: unset !important;
}
.secondary.listItem-overview.listItemBodyText {
height: unset !important;
margin: 0;
}
}
@media all and (max-width: 100em){
.listItemImage.listItemImage-large.itemAction.lazy {
height: 160px !important;

}

.listItem-content {
height: unset !important;

}

.secondary.listItem-overview.listItemBodyText {
height: unset !important;
margin: 0;

}

}

.missingIndicator, .unairedIndicator {
background: #ae3030eb;
padding: .3em .6em;
color: #fff;
}
.layout-mobile .listItemImageButton {
background: rgba(0, 0, 0, 0);
}

Screenshots

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant