Skip to content

Commit 68e858a

Browse files
GilbNGilbN
committed
refactor: 💄 Starr Logo Addons: Refactor css
1 parent 6aa2647 commit 68e858a

File tree

6 files changed

+85
-279
lines changed

6 files changed

+85
-279
lines changed

Diff for: ‎css/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css

+2-14
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,5 @@
1-
.bazarr-Avatar-root[class*="bazarr-"] img {
2-
display: none !important;
3-
}
4-
5-
.bazarr-Avatar-root[class*="bazarr-"]:before {
6-
background-image: url("/css/addons/bazarr/bazarr-4k-logo/bazarr4k.png");
7-
display: inline-block;
8-
width: 32px;
9-
height: 32px;
10-
content: "";
11-
background-size: cover;
12-
-webkit-background-size: cover;
13-
-moz-background-size: cover;
14-
-o-background-size: cover;
1+
[class*="bazarr-"].bazarr-Avatar-image {
2+
content: url("/css/addons/bazarr/bazarr-4k-logo/bazarr4k.png");
153
}
164

175
#root>div>header>div>div.bazarr-Group-root[class*="bazarr-"]>div>span:after {

Diff for: ‎css/addons/radarr/radarr-4k-logo/radarr-4k-logo.css

+20-89
Original file line numberDiff line numberDiff line change
@@ -1,96 +1,27 @@
1-
/* Desktop */
21
@media (min-width: 752px) {
3-
.navbar-brand>img {
4-
display:none !important;
5-
}
6-
.navbar > .container-fluid .navbar-brand:before {
7-
background-image: url("/css/addons/radarr/radarr-4k-logo/radarr4k.png");
8-
display: inline-block;
9-
width: 128px;
10-
height: 128px;
11-
content:"";
12-
background-size: cover;
13-
-webkit-background-size: cover;
14-
-moz-background-size: cover;
15-
-o-background-size: cover;
16-
}
2+
[class*="PageHeader-logoFull-"] {
3+
content: url("/css/addons/radarr/radarr-4k-logo/radarr4k-v3.png");
4+
margin-left: 15px;
5+
width: 120px;
6+
height: 40px;
177
}
18-
/* Mobile */
19-
@media (max-width: 767px) {
20-
.navbar-brand .visible-xs img {
21-
display: none !important;
22-
}
23-
.navbar-brand .visible-xs {
24-
display: inline !important;
25-
}
26-
.navbar > .container-fluid .navbar-brand:before {
27-
background-image: url("/css/addons/radarr/radarr-4k-logo/radarr4k.png");
28-
display: inline-block;
29-
width: 32px;
30-
height: 32px;
31-
content:"";
32-
background-size: cover;
33-
-webkit-background-size: cover;
34-
-moz-background-size: cover;
35-
-o-background-size: cover;
36-
margin-bottom: -12px;
37-
}
38-
}
39-
40-
/* Radarr V3*/
41-
@media (min-width: 752px) {
42-
[class*="PageHeader-logoFull-"] {
43-
display: none !important;
44-
}
45-
[class*="PageHeader-logoContainer-"]:before {
46-
background-image: url("/css/addons/radarr/radarr-4k-logo/radarr4k-v3.png");
47-
display: inline-block;
48-
width: 148px;
49-
height: 48px;
50-
content:"";
51-
background-size: cover;
52-
-webkit-background-size: cover;
53-
-moz-background-size: cover;
54-
-o-background-size: cover;
55-
}
56-
}
8+
}
579

58-
@media (max-width: 767px) {
59-
[class*="PageHeader-logo-"] {
60-
display: none !important;
61-
}
62-
[class*="PageHeader-logoContainer-"]{
63-
background-image: url("/css/addons/radarr/radarr-4k-logo/radarr-v3-mobile.png");
64-
display: inline-block;
65-
width: 32px;
10+
@media only screen and (max-width: 768px) {
11+
[class*="PageHeader-logo-"] {
12+
width: 32px;
6613
height: 32px;
67-
content:"";
68-
background-size: cover;
69-
-webkit-background-size: cover;
70-
-moz-background-size: cover;
71-
-o-background-size: cover;
72-
margin-left: 20px;
73-
margin-right: 8px;
74-
flex: 0 0 32px;
75-
}
14+
margin-left: 0px;
15+
content: url("/css/addons/radarr/radarr-4k-logo/radarr-v3-mobile.png");
16+
}
7617
}
7718

7819
[class*="LoadingPage-logoFull-"] {
79-
display: none !important;
80-
}
81-
82-
[class*="LoadingPage-page-"]:before {
83-
background-image: url("/css/addons/radarr/radarr-4k-logo/radarr4k-v3.png");
84-
display: inline-block;
85-
width: 148px;
86-
height: 48px;
87-
content:"";
88-
background-size: cover;
89-
-webkit-background-size: cover;
90-
-moz-background-size: cover;
91-
-o-background-size: cover;
92-
margin-top: 50px;
93-
margin-right: auto;
94-
margin-left: auto;
95-
96-
}
20+
content: url("/css/addons/radarr/radarr-4k-logo/radarr4k-v3.png");
21+
margin-top: 50px;
22+
margin-right: auto;
23+
margin-left: auto;
24+
width: 120px;
25+
height: 40px;
26+
opacity: 1;
27+
}

Diff for: ‎css/addons/readarr/readarr-alt-logo/readarr-alt-logo.css

+10-47
Original file line numberDiff line numberDiff line change
@@ -1,53 +1,16 @@
11
@media (min-width: 752px) {
2-
[class*="PageHeader-logo-"] {
3-
display: none !important;
2+
[class*="PageHeader-logo-"] {
3+
content: url("/css/addons/readarr/readarr-alt-logo/readarr_alt.png");
44
}
5-
[class*="PageHeader-logoContainer-"]:before {
6-
background-image: url("/css/addons/readarr/readarr-alt-logo/readarr_alt.png");
7-
display: inline-block;
8-
width: 34px;
9-
height: 34px;
10-
content:"";
11-
background-size: cover;
12-
-webkit-background-size: cover;
13-
-moz-background-size: cover;
14-
-o-background-size: cover;
15-
}
16-
}
17-
18-
@media (max-width: 767px) {
19-
[class*="PageHeader-logo-"] {
20-
display: none !important;
21-
}
22-
[class*="PageHeader-logoContainer-"]:before {
23-
background-image: url("/css/addons/readarr/readarr-alt-logo/readarr_alt.png");
24-
display: inline-block;
25-
width: 34px;
26-
height: 34px;
27-
content:"";
28-
background-size: cover;
29-
-webkit-background-size: cover;
30-
-moz-background-size: cover;
31-
-o-background-size: cover;
32-
}
335
}
346

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

39-
[class*="LoadingPage-page-"]:before {
40-
background-image: url("/css/addons/readarr/readarr-alt-logo/readarr_alt.png");
41-
display: inline-block;
42-
width: 48px;
43-
height: 48px;
44-
content:"";
45-
background-size: cover;
46-
-webkit-background-size: cover;
47-
-moz-background-size: cover;
48-
-o-background-size: cover;
49-
margin-top: 50px;
50-
margin-right: auto;
51-
margin-left: auto;
52-
53-
}
13+
[class*="LoadingPage-logoFull-"] {
14+
content: url("/css/addons/readarr/readarr-alt-logo/readarr_alt.png");
15+
opacity: 1;
16+
}

Diff for: ‎css/addons/sonarr/sonarr-4k-logo/sonarr-4k-logo.css

+10-47
Original file line numberDiff line numberDiff line change
@@ -1,53 +1,16 @@
11
@media (min-width: 752px) {
2-
[class*="PageHeader-logo-"] {
3-
display: none !important;
2+
[class*="PageHeader-logo-"] {
3+
content: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
44
}
5-
[class*="PageHeader-logoContainer-"]:before {
6-
background-image: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
7-
display: inline-block;
8-
width: 32px;
9-
height: 32px;
10-
content:"";
11-
background-size: cover;
12-
-webkit-background-size: cover;
13-
-moz-background-size: cover;
14-
-o-background-size: cover;
15-
}
16-
}
17-
18-
@media (max-width: 767px) {
19-
[class*="PageHeader-logo-"] {
20-
display: none !important;
21-
}
22-
[class*="PageHeader-logoContainer-"]:before {
23-
background-image: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
24-
display: inline-block;
25-
width: 32px;
26-
height: 32px;
27-
content:"";
28-
background-size: cover;
29-
-webkit-background-size: cover;
30-
-moz-background-size: cover;
31-
-o-background-size: cover;
32-
}
335
}
346

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

39-
[class*="LoadingPage-page-"]:before {
40-
background-image: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
41-
display: inline-block;
42-
width: 48px;
43-
height: 48px;
44-
content:"";
45-
background-size: cover;
46-
-webkit-background-size: cover;
47-
-moz-background-size: cover;
48-
-o-background-size: cover;
49-
margin-top: 50px;
50-
margin-right: auto;
51-
margin-left: auto;
52-
53-
}
13+
[class*="LoadingPage-logoFull-"] {
14+
content: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
15+
opacity: 1;
16+
}

Diff for: ‎css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text-logo.css

+21-49
Original file line numberDiff line numberDiff line change
@@ -1,55 +1,27 @@
11
@media (min-width: 752px) {
2-
[class*="PageHeader-logo-"] {
3-
display: none !important;
4-
}
5-
[class*="PageHeader-logoContainer-"]:before {
6-
background-image: url("/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text.png");
7-
display: inline-block;
8-
margin-left: 15px;
9-
width: 124px;
10-
height: 40px;
11-
content:"";
12-
background-size: cover;
13-
-webkit-background-size: cover;
14-
-moz-background-size: cover;
15-
-o-background-size: cover;
16-
}
17-
}
18-
19-
20-
[class*="LoadingPage-logoFull-"] {
21-
display: none !important;
22-
}
23-
24-
[class*="LoadingPage-page-"]:before {
25-
background-image: url("/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text.png");
26-
display: inline-block;
27-
width: 124px;
2+
[class*="PageHeader-logo-"] {
3+
content: url("/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text.png");
4+
margin-left: 15px;
5+
width: 120px;
286
height: 40px;
29-
content:"";
30-
background-size: cover;
31-
-webkit-background-size: cover;
32-
-moz-background-size: cover;
33-
-o-background-size: cover;
34-
margin-top: 50px;
35-
margin-right: auto;
36-
margin-left: auto;
37-
7+
}
388
}
399

40-
@media (max-width: 767px) {
41-
[class*="PageHeader-logo-"] {
42-
display: none !important;
43-
}
44-
[class*="PageHeader-logoContainer-"]:before {
45-
background-image: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
46-
display: inline-block;
47-
width: 32px;
10+
@media only screen and (max-width: 768px) {
11+
[class*="PageHeader-logo-"] {
12+
width: 32px;
4813
height: 32px;
49-
content:"";
50-
background-size: cover;
51-
-webkit-background-size: cover;
52-
-moz-background-size: cover;
53-
-o-background-size: cover;
54-
}
14+
margin-left: 0px;
15+
content: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
16+
}
5517
}
18+
19+
[class*="LoadingPage-logoFull-"] {
20+
content: url("/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text.png");
21+
margin-top: 50px;
22+
margin-right: auto;
23+
margin-left: auto;
24+
width: 120px;
25+
height: 40px;
26+
opacity: 1;
27+
}

0 commit comments

Comments
 (0)