Spiegel von
https://github.com/paviliondev/discourse-custom-wizard.git
synchronisiert 2024-12-02 21:31:10 +01:00
d829d46550
The category selector tends to overflow on mobile due to width being declared as 500px, This commit changes that to max-width and adding width: 100% to make it scale to screen size.
41 Zeilen
589 B
SCSS
41 Zeilen
589 B
SCSS
body.custom-wizard {
|
|
.wizard-step-form {
|
|
.wizard-btn {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
.wizard-step-description {
|
|
.image-container {
|
|
margin: 20px 0;
|
|
padding: 0;
|
|
}
|
|
|
|
img.large {
|
|
width: 150px;
|
|
padding: 10px;
|
|
}
|
|
|
|
img.small {
|
|
width: 60px;
|
|
height: 60px;
|
|
padding: 10px;
|
|
}
|
|
}
|
|
|
|
.wizard-step-banner img {
|
|
max-height: 250px !important;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.control-group {
|
|
margin-right: 0;
|
|
margin-bottom: 20px;
|
|
width: 100%;
|
|
}
|
|
|
|
.wizard-category-selector {
|
|
width: 100%;
|
|
max-width: 500px;
|
|
}
|
|
}
|