_install.scss 5.85 KB
Newer Older
Philipp Hamid's avatar
Philipp Hamid committed
1
2
3
@mixin panel-risk-levels($high-color, $medium-color) {
    &.risk-high > .panel-heading {
        background: $high-color;
4
        color: $gray-100;
Philipp Hamid's avatar
Philipp Hamid committed
5
6
7
8
    }

    &.risk-medium > .panel-heading {
        background: $medium-color;
9
        color: $gray-900;
Philipp Hamid's avatar
Philipp Hamid committed
10
11
12
13
    }

    &.risk-low > .panel-heading {
        background: white;
14
        color: $gray-900;
Philipp Hamid's avatar
Philipp Hamid committed
15
16
17
    }
}

18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
.install-tool-init {
    // Styles for enable install tool and login view
    .logo-pageheader {
        img {
            padding-bottom: 3px;
            vertical-align: bottom;
        }
    }
}

.install-tool-installer {
    // Styles for installer
    .typo3-message > h4 {
        margin-bottom: 0;
    }

    .typo3-message p {
        margin-top: 9px;
    }

    .alert-notice {
        @include alert-variant($btn-default-bg, $btn-default-border, $btn-default-color);
    }
}

43
44
45
46
47
48
.install-tool-modal {
    .panel-group-flat,
    .panel-group-rst {
        .panel-body {
            padding-right: 0;
        }
Philipp Hamid's avatar
Philipp Hamid committed
49
50
    }

51
52
53
54
    .panel-flat,
    .panel-rst,
    .panel-version {
        border: 0;
55
        border-left: 2px solid $gray-300;
56
57
        border-radius: 0;
        margin: 0;
Philipp Hamid's avatar
Philipp Hamid committed
58

59
60
        .panel-collapse {
            position: relative;
61
            overflow: auto;
62
        }
Philipp Hamid's avatar
Philipp Hamid committed
63

64
        &.panel-default > .panel-heading {
65
            background: $gray-100;
66
        }
Philipp Hamid's avatar
Philipp Hamid committed
67

68
69
        &.panel-breaking,
        &.panel-danger {
70
71
            @include panel-variant($danger, #fff, $danger, $danger);
            @include panel-risk-levels($danger, lighten($danger, 40));
Philipp Hamid's avatar
Philipp Hamid committed
72

73
            .panel-progress .panel-progress-bar {
74
                background-color: $danger;
75
            }
Philipp Hamid's avatar
Philipp Hamid committed
76

77
78
79
            .label {
                @include label-variant($label-danger-bg);
            }
Philipp Hamid's avatar
Philipp Hamid committed
80
81
        }

82
83
        &.panel-deprecation,
        &.panel-warning {
84
85
            @include panel-variant($warning, #fff, $warning, $warning);
            @include panel-risk-levels($warning, lighten($warning, 30));
Philipp Hamid's avatar
Philipp Hamid committed
86

87
            .panel-progress .panel-progress-bar {
88
                background-color: $warning;
89
            }
Philipp Hamid's avatar
Philipp Hamid committed
90

91
92
93
            .label {
                @include label-variant($label-warning-bg);
            }
Philipp Hamid's avatar
Philipp Hamid committed
94
95
        }

96
97
        &.panel-feature,
        &.panel-success {
98
99
            @include panel-variant($success, #fff, $success, $success);
            @include panel-risk-levels($success, lighten($success, 40));
Philipp Hamid's avatar
Philipp Hamid committed
100

101
            .panel-progress .panel-progress-bar {
102
                background-color: $success;
103
            }
Philipp Hamid's avatar
Philipp Hamid committed
104

105
106
107
            .label {
                @include label-variant($label-success-bg);
            }
Philipp Hamid's avatar
Philipp Hamid committed
108
109
        }

110
111
        &.panel-important,
        &.panel-info {
112
113
            @include panel-variant($info, #fff, $info, $info);
            @include panel-risk-levels($info, lighten($info, 30));
Philipp Hamid's avatar
Philipp Hamid committed
114

115
            .panel-progress .panel-progress-bar {
116
                background-color: $info;
117
            }
Philipp Hamid's avatar
Philipp Hamid committed
118

119
120
121
            .label {
                @include label-variant($label-info-bg);
            }
Philipp Hamid's avatar
Philipp Hamid committed
122
123
        }

124
125
        .panel-heading {
            position: relative;
Philipp Hamid's avatar
Philipp Hamid committed
126

127
128
129
            a.link-action {
                cursor: pointer;
            }
Philipp Hamid's avatar
Philipp Hamid committed
130

131
132
133
            strong {
                line-height: 1.5em;
            }
Philipp Hamid's avatar
Philipp Hamid committed
134
135
        }

136
137
138
139
        .rst-tags {
            position: absolute;
            top: 0.75em;
            right: 1em;
Philipp Hamid's avatar
Philipp Hamid committed
140

141
142
            .label {
                margin: 0 0.25em;
Philipp Hamid's avatar
Philipp Hamid committed
143

144
145
146
                &:first-child {
                    margin-left: 0;
                }
Philipp Hamid's avatar
Philipp Hamid committed
147

148
149
150
                &:last-child {
                    margin-right: 0;
                }
Philipp Hamid's avatar
Philipp Hamid committed
151
152
153
            }
        }

154
155
156
157
158
159
160
        .rst-links {
            position: absolute;
            bottom: 0.5em;
            right: 1.2em;
            padding-left: (($line-height-computed - 1) / 2);
        }

161
162
163
164
        pre {
            margin: 0;
            border-radius: 0;
            border: 0;
165
            border-top: 1px solid $gray-300;
166
167
168
169
            white-space: pre-wrap;
            word-break: normal;
            word-wrap: normal;
        }
170
171
172
173
174
175
176
177

        .rst-links + pre {
            padding-bottom: (($line-height-computed - 1) * 3);

            @media (min-width: $screen-sm-min) {
                padding-bottom: (($line-height-computed - 1) * 2);
            }
        }
Philipp Hamid's avatar
Philipp Hamid committed
178
179
    }

180
181
182
183
    .item {
        margin: 1em;
        border: 1px solid $panel-default-heading-bg;
    }
Philipp Hamid's avatar
Philipp Hamid committed
184

185
186
187
188
    .item .item-heading {
        padding: 1em;
        background-color: $panel-default-heading-bg;
    }
Philipp Hamid's avatar
Philipp Hamid committed
189

190
191
    .item .item-body {
        padding: 1em;
Philipp Hamid's avatar
Philipp Hamid committed
192
193
    }

194
    .list-group-item {
Philipp Hamid's avatar
Philipp Hamid committed
195
        a {
196
197
198
199
200
201
202
            display: block;
        }

        &.active {
            a {
                color: #fff;
            }
Philipp Hamid's avatar
Philipp Hamid committed
203
204
        }
    }
205
206

    // Collapsibles clickable on full length
207
    a[data-bs-toggle="collapse"] {
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
        display: block;
    }

    // Grey line on hr tags in modals
    hr {
        border-top: 1px solid $panel-default-heading-bg;
    }

    // Styles for specific modals: language pack handling
    .t3-languagePacks-inactive {
        color: #aaa;
    }

    // Styles for specific modals: image processing
    .t3-install-displaytwinimageimages {
        border: 1px solid #ccc;
        padding: 10px;
    }

    .t3-install-displaytwinimagetextarea {
        pre {
            border-top: 0;
        }
    }

    .bg-transparent-emulation {
        padding: 10px;
        text-align: center;
        background: url("#{$path-sysext}/install/Resources/Public/Images/bg_transparent_emulation.png");

        img {
            max-width: 300px;
        }
    }

    // Styles for specific modals: php info
    #phpinfo table {
        width: 100%;
        table-layout: fixed;
        word-wrap: break-word;
        background: $table-bg;
    }

    // Styles for specific modals: Issue number in expand upgrade documentation item
    .upgrade_analysis_item_to_filter pre a {
        text-decoration: underline;
    }

    // Styles for specific modals: Upgrade wizard explanation line breaks
    .upgradeWizards-wizards-output {
        .row-explanation {
            white-space: pre-wrap;
        }
    }
Philipp Hamid's avatar
Philipp Hamid committed
262
}