Skip to content

Commit

Permalink
refactor: 💄 Starr Logo Addons: Refactor css
Browse files Browse the repository at this point in the history
  • Loading branch information
GilbN committed Dec 21, 2022
1 parent 6aa2647 commit 68e858a
Show file tree
Hide file tree
Showing 6 changed files with 85 additions and 279 deletions.
16 changes: 2 additions & 14 deletions css/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css
Original file line number Diff line number Diff line change
@@ -1,17 +1,5 @@
.bazarr-Avatar-root[class*="bazarr-"] img {
display: none !important;
}

.bazarr-Avatar-root[class*="bazarr-"]:before {
background-image: url("/css/addons/bazarr/bazarr-4k-logo/bazarr4k.png");
display: inline-block;
width: 32px;
height: 32px;
content: "";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
[class*="bazarr-"].bazarr-Avatar-image {
content: url("/css/addons/bazarr/bazarr-4k-logo/bazarr4k.png");
}

#root>div>header>div>div.bazarr-Group-root[class*="bazarr-"]>div>span:after {
Expand Down
109 changes: 20 additions & 89 deletions css/addons/radarr/radarr-4k-logo/radarr-4k-logo.css
Original file line number Diff line number Diff line change
@@ -1,96 +1,27 @@
/* Desktop */
@media (min-width: 752px) {
.navbar-brand>img {
display:none !important;
}
.navbar > .container-fluid .navbar-brand:before {
background-image: url("/css/addons/radarr/radarr-4k-logo/radarr4k.png");
display: inline-block;
width: 128px;
height: 128px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
[class*="PageHeader-logoFull-"] {
content: url("/css/addons/radarr/radarr-4k-logo/radarr4k-v3.png");
margin-left: 15px;
width: 120px;
height: 40px;
}
/* Mobile */
@media (max-width: 767px) {
.navbar-brand .visible-xs img {
display: none !important;
}
.navbar-brand .visible-xs {
display: inline !important;
}
.navbar > .container-fluid .navbar-brand:before {
background-image: url("/css/addons/radarr/radarr-4k-logo/radarr4k.png");
display: inline-block;
width: 32px;
height: 32px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin-bottom: -12px;
}
}

/* Radarr V3*/
@media (min-width: 752px) {
[class*="PageHeader-logoFull-"] {
display: none !important;
}
[class*="PageHeader-logoContainer-"]:before {
background-image: url("/css/addons/radarr/radarr-4k-logo/radarr4k-v3.png");
display: inline-block;
width: 148px;
height: 48px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}
}

@media (max-width: 767px) {
[class*="PageHeader-logo-"] {
display: none !important;
}
[class*="PageHeader-logoContainer-"]{
background-image: url("/css/addons/radarr/radarr-4k-logo/radarr-v3-mobile.png");
display: inline-block;
width: 32px;
@media only screen and (max-width: 768px) {
[class*="PageHeader-logo-"] {
width: 32px;
height: 32px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin-left: 20px;
margin-right: 8px;
flex: 0 0 32px;
}
margin-left: 0px;
content: url("/css/addons/radarr/radarr-4k-logo/radarr-v3-mobile.png");
}
}

[class*="LoadingPage-logoFull-"] {
display: none !important;
}

[class*="LoadingPage-page-"]:before {
background-image: url("/css/addons/radarr/radarr-4k-logo/radarr4k-v3.png");
display: inline-block;
width: 148px;
height: 48px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin-top: 50px;
margin-right: auto;
margin-left: auto;

}
content: url("/css/addons/radarr/radarr-4k-logo/radarr4k-v3.png");
margin-top: 50px;
margin-right: auto;
margin-left: auto;
width: 120px;
height: 40px;
opacity: 1;
}
57 changes: 10 additions & 47 deletions css/addons/readarr/readarr-alt-logo/readarr-alt-logo.css
Original file line number Diff line number Diff line change
@@ -1,53 +1,16 @@
@media (min-width: 752px) {
[class*="PageHeader-logo-"] {
display: none !important;
[class*="PageHeader-logo-"] {
content: url("/css/addons/readarr/readarr-alt-logo/readarr_alt.png");
}
[class*="PageHeader-logoContainer-"]:before {
background-image: url("/css/addons/readarr/readarr-alt-logo/readarr_alt.png");
display: inline-block;
width: 34px;
height: 34px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}

@media (max-width: 767px) {
[class*="PageHeader-logo-"] {
display: none !important;
}
[class*="PageHeader-logoContainer-"]:before {
background-image: url("/css/addons/readarr/readarr-alt-logo/readarr_alt.png");
display: inline-block;
width: 34px;
height: 34px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}

[class*="LoadingPage-logoFull-"] {
display: none !important;
@media only screen and (max-width: 768px) {
[class*="PageHeader-logo-"] {
content: url("/css/addons/readarr/readarr-alt-logo/readarr_alt.png");
}
}

[class*="LoadingPage-page-"]:before {
background-image: url("/css/addons/readarr/readarr-alt-logo/readarr_alt.png");
display: inline-block;
width: 48px;
height: 48px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin-top: 50px;
margin-right: auto;
margin-left: auto;

}
[class*="LoadingPage-logoFull-"] {
content: url("/css/addons/readarr/readarr-alt-logo/readarr_alt.png");
opacity: 1;
}
57 changes: 10 additions & 47 deletions css/addons/sonarr/sonarr-4k-logo/sonarr-4k-logo.css
Original file line number Diff line number Diff line change
@@ -1,53 +1,16 @@
@media (min-width: 752px) {
[class*="PageHeader-logo-"] {
display: none !important;
[class*="PageHeader-logo-"] {
content: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
}
[class*="PageHeader-logoContainer-"]:before {
background-image: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
display: inline-block;
width: 32px;
height: 32px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}

@media (max-width: 767px) {
[class*="PageHeader-logo-"] {
display: none !important;
}
[class*="PageHeader-logoContainer-"]:before {
background-image: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
display: inline-block;
width: 32px;
height: 32px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}

[class*="LoadingPage-logoFull-"] {
display: none !important;
@media only screen and (max-width: 768px) {
[class*="PageHeader-logo-"] {
content: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
}
}

[class*="LoadingPage-page-"]:before {
background-image: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
display: inline-block;
width: 48px;
height: 48px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin-top: 50px;
margin-right: auto;
margin-left: auto;

}
[class*="LoadingPage-logoFull-"] {
content: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
opacity: 1;
}
70 changes: 21 additions & 49 deletions css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text-logo.css
Original file line number Diff line number Diff line change
@@ -1,55 +1,27 @@
@media (min-width: 752px) {
[class*="PageHeader-logo-"] {
display: none !important;
}
[class*="PageHeader-logoContainer-"]:before {
background-image: url("/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text.png");
display: inline-block;
margin-left: 15px;
width: 124px;
height: 40px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}


[class*="LoadingPage-logoFull-"] {
display: none !important;
}

[class*="LoadingPage-page-"]:before {
background-image: url("/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text.png");
display: inline-block;
width: 124px;
[class*="PageHeader-logo-"] {
content: url("/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text.png");
margin-left: 15px;
width: 120px;
height: 40px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin-top: 50px;
margin-right: auto;
margin-left: auto;

}
}

@media (max-width: 767px) {
[class*="PageHeader-logo-"] {
display: none !important;
}
[class*="PageHeader-logoContainer-"]:before {
background-image: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
display: inline-block;
width: 32px;
@media only screen and (max-width: 768px) {
[class*="PageHeader-logo-"] {
width: 32px;
height: 32px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
margin-left: 0px;
content: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
}
}

[class*="LoadingPage-logoFull-"] {
content: url("/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text.png");
margin-top: 50px;
margin-right: auto;
margin-left: auto;
width: 120px;
height: 40px;
opacity: 1;
}
Loading

0 comments on commit 68e858a

Please sign in to comment.