Skip to content

Commit 08bb945

Browse files
ilyvionilyvion
committed
Extract inline styles to proper style classes
Closes #32
1 parent 8c06e4a commit 08bb945

23 files changed

Lines changed: 381 additions & 51 deletions

‎assets/sass/_common.scss‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -49,3 +49,38 @@ input {
4949
a {
5050
cursor: pointer;
5151
}
52+
53+
.p-l-10px {
54+
padding-left: 10px;
55+
}
56+
57+
.p-r-10px {
58+
padding-right: 10px;
59+
}
60+
61+
.m-t-3px {
62+
margin-top: 3px;
63+
}
64+
65+
.m-t-20px {
66+
margin-top: 20px;
67+
}
68+
69+
.pos-rel {
70+
position: relative;
71+
}
72+
73+
.no-border {
74+
border: none;
75+
}
76+
77+
.absolute-dead-center {
78+
position: absolute;
79+
top: 50%;
80+
left: 50%;
81+
transform:translate(-50%, -50%);
82+
}
83+
84+
.qc-error-text {
85+
color: red;
86+
}

‎assets/sass/directives/_add-item.scss‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
/*
2+
* Copyright (C) 2016-2019 Alexander Krivács Schrøder <alexschrod@gmail.com>
3+
*
4+
* This program is free software: you can redistribute it and/or modify
5+
* it under the terms of the GNU General Public License as published by
6+
* the Free Software Foundation, either version 3 of the License, or
7+
* (at your option) any later version.
8+
*
9+
* This program is distributed in the hope that it will be useful,
10+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
11+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12+
* GNU General Public License for more details.
13+
*
14+
* You should have received a copy of the GNU General Public License
15+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
16+
*/
17+
18+
.dropdown-add-item {
19+
max-height: 250px;
20+
overflow-y: auto;
21+
word-break: break-all;
22+
word-wrap: break-word;
23+
}

‎assets/sass/directives/_change-log.scss‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
/*
2+
* Copyright (C) 2016-2019 Alexander Krivács Schrøder <alexschrod@gmail.com>
3+
*
4+
* This program is free software: you can redistribute it and/or modify
5+
* it under the terms of the GNU General Public License as published by
6+
* the Free Software Foundation, either version 3 of the License, or
7+
* (at your option) any later version.
8+
*
9+
* This program is distributed in the hope that it will be useful,
10+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
11+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12+
* GNU General Public License for more details.
13+
*
14+
* You should have received a copy of the GNU General Public License
15+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
16+
*/
17+
18+
#changeLogDialog {
19+
> .modal-dialog {
20+
overflow-y: initial !important;
21+
22+
> .modal-content {
23+
> .modal-body {
24+
max-height: 73.5vh;
25+
overflow-y: auto;
26+
}
27+
}
28+
}
29+
}

‎assets/sass/directives/_comic.scss‎

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
/*
2+
* Copyright (C) 2016-2019 Alexander Krivács Schrøder <alexschrod@gmail.com>
3+
*
4+
* This program is free software: you can redistribute it and/or modify
5+
* it under the terms of the GNU General Public License as published by
6+
* the Free Software Foundation, either version 3 of the License, or
7+
* (at your option) any later version.
8+
*
9+
* This program is distributed in the hope that it will be useful,
10+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
11+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12+
* GNU General Public License for more details.
13+
*
14+
* You should have received a copy of the GNU General Public License
15+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
16+
*/
17+
18+
.comic-loading-overlay {
19+
position: absolute;
20+
left: 0;
21+
top: 0;
22+
right: 0;
23+
bottom: 0;
24+
background-color: rgba(0,0,0, 0.5);
25+
margin-left: -15px;
26+
margin-right: 15px;
27+
text-align: center;
28+
padding-top: 50px;
29+
30+
p {
31+
font-weight: bold; color: white;
32+
}
33+
}

‎assets/sass/directives/_directives.scss‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
/*
2+
* Copyright (C) 2016-2019 Alexander Krivács Schrøder <alexschrod@gmail.com>
3+
*
4+
* This program is free software: you can redistribute it and/or modify
5+
* it under the terms of the GNU General Public License as published by
6+
* the Free Software Foundation, either version 3 of the License, or
7+
* (at your option) any later version.
8+
*
9+
* This program is distributed in the hope that it will be useful,
10+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
11+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12+
* GNU General Public License for more details.
13+
*
14+
* You should have received a copy of the GNU General Public License
15+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
16+
*/
17+
18+
@import "add-item";
19+
@import "change-log";
20+
@import "comic";
21+
@import "edit-log";
22+
@import "item-details";
23+
@import "settings";

‎assets/sass/directives/_edit-log.scss‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
/*
2+
* Copyright (C) 2016-2019 Alexander Krivács Schrøder <alexschrod@gmail.com>
3+
*
4+
* This program is free software: you can redistribute it and/or modify
5+
* it under the terms of the GNU General Public License as published by
6+
* the Free Software Foundation, either version 3 of the License, or
7+
* (at your option) any later version.
8+
*
9+
* This program is distributed in the hope that it will be useful,
10+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
11+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12+
* GNU General Public License for more details.
13+
*
14+
* You should have received a copy of the GNU General Public License
15+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
16+
*/
17+
18+
.edit-log-pager {
19+
text-align: center;
20+
color: white;
21+
background-color: rgb(78, 93, 108);
22+
}

‎assets/sass/directives/_item-details.scss‎

Lines changed: 109 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,109 @@
1+
/*
2+
* Copyright (C) 2016-2019 Alexander Krivács Schrøder <alexschrod@gmail.com>
3+
*
4+
* This program is free software: you can redistribute it and/or modify
5+
* it under the terms of the GNU General Public License as published by
6+
* the Free Software Foundation, either version 3 of the License, or
7+
* (at your option) any later version.
8+
*
9+
* This program is distributed in the hope that it will be useful,
10+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
11+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12+
* GNU General Public License for more details.
13+
*
14+
* You should have received a copy of the GNU General Public License
15+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
16+
*/
17+
18+
.item-details-image {
19+
width: 128px;
20+
height: 128px;
21+
text-align: center;
22+
position: relative;
23+
border: 1px solid #485563;
24+
box-sizing: content-box;
25+
float: left;
26+
margin-right: 15px;
27+
margin-bottom: 24px;
28+
29+
.no-image-icon {
30+
position: absolute;
31+
left: 50%;
32+
top: 42%;
33+
transform: translate(-50%,-50%);
34+
color: #485563;
35+
font-size: 64px;
36+
}
37+
38+
.no-image-text {
39+
position: absolute;
40+
top: 76%;
41+
transform: translateY(-50%);
42+
width: 100%;
43+
font-size: 20px;
44+
color: #485563;
45+
font-weight: bold;
46+
}
47+
48+
img {
49+
position: absolute;
50+
top: 50%;
51+
transform: translate(-50%,-50%);
52+
left: 50%;
53+
max-width: 128px;
54+
max-height: 128px;
55+
}
56+
57+
.left-arrow, .right-arrow {
58+
position: absolute;
59+
top: 100%;
60+
color: inherit;
61+
font-size: 24px;
62+
}
63+
64+
.left-arrow {
65+
left: 5%;
66+
}
67+
68+
.right-arrow {
69+
right: 5%;
70+
}
71+
72+
.item-details-pager {
73+
position: absolute;
74+
left: 50%;
75+
top: 100%;
76+
color: inherit;
77+
font-size: 16px;
78+
transform: translateX(-50%);
79+
80+
&.point {
81+
cursor: pointer;
82+
}
83+
}
84+
}
85+
86+
.item-details-presence {
87+
float: right;
88+
margin-left: 15px;
89+
margin-bottom: 15px;
90+
position: relative;
91+
92+
.presence-text {
93+
position: absolute;
94+
top: 50%;
95+
transform: translate(-50%,-50%);
96+
left:50%;
97+
font-size: 20px;
98+
text-align: center;
99+
100+
span {
101+
font-size: 12px;
102+
}
103+
}
104+
}
105+
106+
.item-details-hr {
107+
margin-top: 0;
108+
margin-bottom: 10px;
109+
}

‎assets/sass/directives/_settings.scss‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
/*
2+
* Copyright (C) 2016-2019 Alexander Krivács Schrøder <alexschrod@gmail.com>
3+
*
4+
* This program is free software: you can redistribute it and/or modify
5+
* it under the terms of the GNU General Public License as published by
6+
* the Free Software Foundation, either version 3 of the License, or
7+
* (at your option) any later version.
8+
*
9+
* This program is distributed in the hope that it will be useful,
10+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
11+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12+
* GNU General Public License for more details.
13+
*
14+
* You should have received a copy of the GNU General Public License
15+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
16+
*/
17+
18+
.settings-input {
19+
width: 100%;
20+
margin-bottom: 5px;
21+
}

‎assets/sass/style.scss‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@
1818
@import "variables";
1919
@import "common";
2020
@import "widgets/widgets";
21+
@import "directives/directives";
2122

2223
qc-comic {
2324
display: inline-block;

‎assets/sass/widgets/_corner-ribbon.scss‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,6 @@
1515
* along with this program. If not, see <http://www.gnu.org/licenses/>.
1616
*/
1717

18-
1918
.corner-ribbon {
2019
width: 200px;
2120
background: #e43;

0 commit comments

Comments
 (0)