Skip to content

Commit 1eba96a

Browse files
DrenmiDrenmi
authored
DEV: Remove branding and styling steps from wizard (#32797)
#32797
1 parent 5c041a1 commit 1eba96a

File tree

8 files changed

+4
-908
lines changed

8 files changed

+4
-908
lines changed

‎app/assets/javascripts/discourse/app/static/wizard/components/wizard-step.gjs

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import emoji from "discourse/helpers/emoji";
1111
import { i18n } from "discourse-i18n";
1212
import WizardField from "./wizard-field";
1313

14-
const READY_STEP_INDEX = 5;
14+
const READY_STEP_INDEX = 3;
1515

1616
export default class WizardStepComponent extends Component {
1717
@tracked saving = false;

‎app/assets/javascripts/discourse/app/static/wizard/models/wizard.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ export default class Wizard {
2626
get totalSteps() {
2727
// We used to use this.steps.length() here, but we don't want to
2828
// include optional steps after "Ready" here.
29-
return 4;
29+
return 2;
3030
}
3131

3232
get title() {

‎app/assets/stylesheets/wizard.scss

Lines changed: 0 additions & 134 deletions
Original file line numberDiff line numberDiff line change
@@ -106,15 +106,6 @@ body.wizard {
106106
margin: 0 0 0.5em;
107107
}
108108
}
109-
110-
&.styling {
111-
max-width: 100%;
112-
width: auto;
113-
114-
@include viewport.until(sm) {
115-
width: 95%;
116-
}
117-
}
118109
}
119110

120111
&__fields {
@@ -137,32 +128,6 @@ body.wizard {
137128
}
138129
}
139130

140-
&__step.branding .wizard-container__field {
141-
@include viewport.until(sm) {
142-
max-width: 100%;
143-
}
144-
}
145-
146-
&__step.branding .wizard-container__preview {
147-
background-color: var(--primary-very-low);
148-
border-radius: 0.5em;
149-
padding: 1em;
150-
margin-bottom: 1em;
151-
}
152-
153-
&__step.branding .wizard-container__preview canvas {
154-
@include viewport.until(sm) {
155-
max-width: 100%;
156-
height: auto !important;
157-
}
158-
}
159-
160-
&__step.styling .wizard-container__field.styling-preview-field {
161-
label {
162-
display: none;
163-
}
164-
}
165-
166131
&__field {
167132
margin-bottom: 1em;
168133
}
@@ -185,19 +150,6 @@ body.wizard {
185150
display: block;
186151
}
187152

188-
&__field.text-governing-law,
189-
&__field.text-city-for-disputes {
190-
@media only screen and (width <= 568px) {
191-
display: none;
192-
}
193-
}
194-
195-
&__field.dropdown-field.dropdown-homepage-style {
196-
.wizard-container__dropdown {
197-
height: auto;
198-
}
199-
}
200-
201153
&__step-form {
202154
display: flex;
203155
flex: 1 0 50%;
@@ -231,58 +183,6 @@ body.wizard {
231183
}
232184
}
233185

234-
.preview-nav {
235-
display: flex;
236-
justify-content: flex-end;
237-
position: relative;
238-
padding-right: 10px;
239-
240-
.preview-nav-button {
241-
text-align: center;
242-
padding: 10px 15px;
243-
cursor: pointer;
244-
margin-left: 10px;
245-
font-size: 14px;
246-
font-weight: bold;
247-
color: var(--primary-high);
248-
249-
&.active {
250-
background: var(--secondary);
251-
border-bottom-left-radius: 10px;
252-
border-bottom-right-radius: 10px;
253-
color: var(--tertiary);
254-
border-top: none;
255-
}
256-
}
257-
}
258-
259-
.previews {
260-
position: relative;
261-
height: 320px;
262-
width: 628px;
263-
overflow: hidden;
264-
background: var(--secondary);
265-
border-radius: 10px;
266-
cursor: grab;
267-
user-select: none;
268-
269-
&.dragging {
270-
cursor: grabbing;
271-
}
272-
273-
.topic-preview {
274-
position: absolute;
275-
left: 0;
276-
top: 0;
277-
}
278-
279-
.homepage-preview {
280-
position: absolute;
281-
left: calc(100% + 25px);
282-
top: 0;
283-
}
284-
}
285-
286186
&__step-header {
287187
text-align: center;
288188
margin-bottom: 3em;
@@ -321,10 +221,6 @@ body.wizard {
321221
}
322222
}
323223

324-
&__step.branding .wizard-container__description {
325-
font-size: var(--font-0);
326-
}
327-
328224
&__buttons-left {
329225
display: flex;
330226
flex-wrap: wrap;
@@ -526,10 +422,6 @@ body.wizard {
526422
font-size: var(--font-up-1);
527423
}
528424

529-
&__step.styling .wizard-container__label {
530-
font-size: var(--font-0);
531-
}
532-
533425
&__label.required {
534426
display: inline;
535427
color: var(--danger);
@@ -579,28 +471,6 @@ body.wizard {
579471
border-radius: 4px;
580472
}
581473

582-
&__dropdown.color-palettes .select-kit-row.color-palettes-row .name {
583-
flex: 0 0 30%;
584-
}
585-
586-
&__dropdown.color-palettes .select-kit-row.color-palettes-row .palettes {
587-
flex: 1 1 70%;
588-
overflow: hidden;
589-
}
590-
591-
&__dropdown.homepage-style-selector {
592-
.select-kit-row {
593-
.name {
594-
font-weight: bold;
595-
}
596-
597-
.desc {
598-
display: block;
599-
margin-top: 0.1em;
600-
}
601-
}
602-
}
603-
604474
&__field.checkbox-field .wizard-container__label {
605475
cursor: pointer;
606476
display: inline-block;
@@ -744,10 +614,6 @@ body.wizard {
744614
top: 2px;
745615
}
746616

747-
.wizard-container__image-upload canvas {
748-
border: 1px solid rgba(0, 0, 0, 0.2);
749-
}
750-
751617
.finish-installation {
752618
.wizard-congratulations-wrap {
753619
display: flex;

0 commit comments

Comments
 (0)