[READ-ONLY] Mirror of https://github.com/probablykasper/thumbnail-grabber. Chrome extension for grabbing thumbnails/covers
browser-extension
chrome
chrome-extension
chrome-extention
extension
Small design changes
+18
-10
+18
-10
src/content-script.css
+18
-10
src/content-script.css
···
31
31
z-index: 10000;
32
32
margin: 20px;
33
33
padding: 20px;
34
-
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
34
+
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
35
35
animation: notification 5s forwards;
36
36
transition: all 0.24s cubic-bezier(0.4, 0, 0.2, 1);
37
37
/* transition-property: transform, opacity; */
38
38
font-family: Rubik, Roboto, Arial, sans-serif;
39
39
font-size: 14px;
40
+
color: #000000;
41
+
border-radius: 3px;
40
42
}
41
43
42
44
.thumbnail-grabber-notification-removing {
···
51
53
top: 0px;
52
54
right: 0px;
53
55
margin: 0px;
54
-
color: #000000;
55
56
cursor: pointer;
56
57
text-align: center;
57
58
padding-right: 2px;
···
59
60
height: 22px;
60
61
width: 22px;
61
62
font-family: Arial, sans-serif;
63
+
opacity: 0.6;
64
+
transform: scaleX(1.2);
62
65
}
63
66
.thumbnail-grabber-notification > img {
64
67
width: 16px;
···
90
93
91
94
#thumbnail-grabber-card {
92
95
background-color: #ffffff;
93
-
padding: 30px;
96
+
padding: 27px;
94
97
max-width: 730px;
95
98
margin: auto;
99
+
box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.23);
100
+
border-radius: 3px;
96
101
}
97
102
98
103
#thumbnail-grabber img {
99
104
max-width: 100%;
100
105
max-height: 500px;
101
-
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
106
+
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
107
+
display: block;
108
+
margin: auto;
102
109
}
103
110
104
111
#thumbnail-grabber-buttons {
···
132
139
font-size: 14px;
133
140
134
141
/* fix for soundcloud */
135
-
line-height: normal;
136
-
margin-block-start: auto;
137
-
margin-block-end: auto;
138
-
margin-inline-start: auto;
139
-
margin-inline-end: auto;
142
+
line-height: initial;
143
+
margin-block-start: initial;
144
+
margin-block-end: initial;
145
+
margin-inline-start: initial;
146
+
margin-inline-end: initial;
140
147
}
141
148
142
149
#thumbnail-grabber-buttons div::before {
143
-
content: '';
150
+
content: "";
151
+
border-radius: 3px;
144
152
pointer-events: none;
145
153
width: 100%;
146
154
height: 100%;