nickslowinski/discourse-custom-wizard-unlocked
1
0
Fork 0
geforkt von mirrored/discourse-custom-wizard
Code Pull-Requests Aktivität

ran prettier on stylesheets and global wizard javascripts (#95)

Quellcode durchsuchen
Dieser Commit ist enthalten in:
Faizaan Gagan 2021-04-12 12:05:15 +05:30 committet von GitHub
Ursprung 0205d8ccb5
Commit 2788e8026e
Es konnte kein GPG-Schlüssel zu dieser Signatur gefunden werden
GPG-Schlüssel-ID: 4AEE18F83AFDEB23
17 geänderte Dateien mit 449 neuen und 416 gelöschten Zeilen
Statistiken anzeigen Patch-Datei herunterladen Diff-Datei herunterladen Alle Dateien ausklappen Alle Dateien einklappen

4
assets/javascripts/wizard-custom-guest.js
Datei anzeigen

@ -1,4 +1,4 @@
(function () { (function () {
document.cookie = 'destination_url=' + window.location.href + ';path=/'; document.cookie = "destination_url=" + window.location.href + ";path=/";
window.location.href = '/login'; window.location.href = "/login";
})(); })();

4
assets/javascripts/wizard-custom-start.js
Datei anzeigen

@ -1,4 +1,4 @@
(function() { (function () {
let wizard = require('discourse/plugins/discourse-custom-wizard/wizard/custom-wizard').default.create(); let wizard = require("discourse/plugins/discourse-custom-wizard/wizard/custom-wizard").default.create();
wizard.start(); wizard.start();
})(); })();

34
assets/stylesheets/common/wizard-admin.scss
Datei anzeigen

@ -1,7 +1,7 @@
@import 'wizard-mapper'; @import "wizard-mapper";
@import 'wizard-manager'; @import "wizard-manager";
@import 'wizard-api'; @import "wizard-api";
@import 'common/components/buttons'; @import "common/components/buttons";
.admin-wizard-controls { .admin-wizard-controls {
display: flex; display: flex;
@ -9,7 +9,7 @@
justify-content: space-between; justify-content: space-between;
margin-bottom: 20px; margin-bottom: 20px;
&+ .wizard-message + div { & + .wizard-message + div {
margin-top: 20px; margin-top: 20px;
} }
} }
@ -63,8 +63,6 @@
& + div { & + div {
margin-top: 30px; margin-top: 30px;
} }
} }
.wizard-submissions { .wizard-submissions {
@ -217,8 +215,7 @@
} }
.admin-wizard-container.settings { .admin-wizard-container.settings {
[class~="setting"] {
[class~='setting'] {
display: inline-flex; display: inline-flex;
align-items: flex-start; align-items: flex-start;
width: 48%; width: 48%;
@ -254,7 +251,8 @@
display: block; display: block;
} }
input[type="text"], textarea { input[type="text"],
textarea {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
margin-bottom: 0; margin-bottom: 0;
@ -300,13 +298,15 @@
margin: 5px 7px 0 0; margin: 5px 7px 0 0;
} }
.input .select-kit, > .select-kit { .input .select-kit,
> .select-kit {
max-width: 250px !important; max-width: 250px !important;
min-width: 250px !important; min-width: 250px !important;
} }
} }
&.full, &.full-inline { &.full,
&.full-inline {
width: 100%; width: 100%;
.setting-value { .setting-value {
@ -364,12 +364,12 @@
width: 100%; width: 100%;
margin-top: 30px; margin-top: 30px;
[class~='setting']:first-of-type { [class~="setting"]:first-of-type {
border-top: none; border-top: none;
} }
} }
.wizard-custom-action > [class~='setting']:first-of-type { .wizard-custom-action > [class~="setting"]:first-of-type {
margin-bottom: 0; margin-bottom: 0;
} }
@ -455,7 +455,7 @@
position: absolute; position: absolute;
padding: 10px; padding: 10px;
background-color: $secondary; background-color: $secondary;
box-shadow: shadow('card'); box-shadow: shadow("card");
z-index: 200; z-index: 200;
top: 40px; top: 40px;
} }
@ -574,7 +574,9 @@
width: 100%; width: 100%;
} }
.add-mapper-input .btn, .btn-after-time, .wizard-editor-gutter .btn { .add-mapper-input .btn,
.btn-after-time,
.wizard-editor-gutter .btn {
background-color: $secondary; background-color: $secondary;
border: 1px solid $primary-medium; border: 1px solid $primary-medium;
} }

8
assets/stylesheets/common/wizard-api.scss
Datei anzeigen

@ -17,7 +17,8 @@
text-align: right; text-align: right;
vertical-align: middle; vertical-align: middle;
> .d-icon, > .spinner { > .d-icon,
> .spinner {
margin-right: 7px; margin-right: 7px;
} }
@ -104,7 +105,8 @@
.endpoint { .endpoint {
margin-top: 20px; margin-top: 20px;
.top, .bottom { .top,
.bottom {
display: flex; display: flex;
} }
@ -138,6 +140,6 @@
margin-bottom: 20px; margin-bottom: 20px;
} }
.wizard-step-contents{ .wizard-step-contents {
height: unset !important; height: unset !important;
} }

12
assets/stylesheets/common/wizard-mapper.scss
Datei anzeigen

@ -26,7 +26,7 @@
} }
} }
[class~='mapper-input'] { [class~="mapper-input"] {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
width: min-content; width: min-content;
@ -68,7 +68,8 @@
border: 2px solid $primary-low; border: 2px solid $primary-low;
} }
&.association, &.validation { &.association,
&.validation {
padding-right: 27px; padding-right: 27px;
} }
} }
@ -106,7 +107,10 @@
min-width: 250px; min-width: 250px;
position: relative; position: relative;
> input, .select-kit, .ac-wrap, .autocomplete.ac-user { > input,
.select-kit,
.ac-wrap,
.autocomplete.ac-user {
width: 250px !important; width: 250px !important;
} }
@ -143,7 +147,7 @@
} }
.selector-types { .selector-types {
box-shadow: shadow('dropdown'); box-shadow: shadow("dropdown");
position: absolute; position: absolute;
display: flex; display: flex;
background: $secondary; background: $secondary;

6
assets/stylesheets/wizard/custom/autocomplete.scss
Datei anzeigen

@ -129,7 +129,8 @@ img.avatar {
top: 30px !important; top: 30px !important;
box-sizing: border-box; box-sizing: border-box;
li, .no-results { li,
.no-results {
padding: 10px; padding: 10px;
} }
@ -151,7 +152,8 @@ img.avatar {
background-color: var(--secondary); background-color: var(--secondary);
display: flex; display: flex;
&:hover, &.selected { &:hover,
&.selected {
background-color: var(--tertiary); background-color: var(--tertiary);
color: white; color: white;

9
assets/stylesheets/wizard/custom/composer.scss
Datei anzeigen

@ -8,12 +8,12 @@
position: absolute; position: absolute;
background-color: black; background-color: black;
opacity: 0.8; opacity: 0.8;
z-index: z("modal","overlay"); z-index: z("modal", "overlay");
} }
.d-editor-modals { .d-editor-modals {
position: absolute; position: absolute;
z-index: z("modal","content"); z-index: z("modal", "content");
} }
.d-editor { .d-editor {
@ -217,7 +217,8 @@
} }
} }
.hide-hyperlink-box, .add-link { .hide-hyperlink-box,
.add-link {
display: inline; display: inline;
} }
@ -231,7 +232,7 @@
.bottom-bar { .bottom-bar {
display: flex; display: flex;
justify-content:space-between; justify-content: space-between;
margin-top: 20px; margin-top: 20px;
align-items: center; align-items: center;
} }

382
assets/stylesheets/wizard/custom/events.scss
Datei anzeigen

@ -41,7 +41,8 @@
flex: 1; flex: 1;
} }
.select-kit, .ac-wrap { .select-kit,
.ac-wrap {
width: 100% !important; width: 100% !important;
max-width: 330px; max-width: 330px;
} }
@ -78,7 +79,16 @@
padding-left: 20px; padding-left: 20px;
&.disabled { &.disabled {
span, label, .pika-label, .pika-table th, .pika-button, .pika-prev, .pika-next, input, .pika-lendar, .is-selected .pika-button { span,
label,
.pika-label,
.pika-table th,
.pika-button,
.pika-prev,
.pika-next,
input,
.pika-lendar,
.is-selected .pika-button {
color: var(--primary-low); color: var(--primary-low);
background-image: initial; background-image: initial;
background: initial; background: initial;
@ -87,7 +97,8 @@
pointer-events: none; pointer-events: none;
} }
input, .pika-lendar { input,
.pika-lendar {
border: 1px solid var(--primary-low) !important; border: 1px solid var(--primary-low) !important;
} }
} }
@ -161,7 +172,6 @@
} }
.rsvp-controls { .rsvp-controls {
.rsvp-container { .rsvp-container {
display: flex; display: flex;
flex-flow: wrap; flex-flow: wrap;
@ -196,7 +206,7 @@ $pd-title-bg: var(--secondary) !default;
$pd-picker-bg: var(--secondary) !default; $pd-picker-bg: var(--secondary) !default;
$pd-picker-border: var(--primary-low) !default; $pd-picker-border: var(--primary-low) !default;
$pd-picker-border-bottom: var(--primary-low) !default; $pd-picker-border-bottom: var(--primary-low) !default;
$pd-picker-shadow: rgba(0,0,0,.5) !default; $pd-picker-shadow: rgba(0, 0, 0, 0.5) !default;
$pd-th-color: var(--primary) !default; $pd-th-color: var(--primary) !default;
$pd-day-color: var(--primary) !default; $pd-day-color: var(--primary) !default;
$pd-day-bg: var(--secondary) !default; $pd-day-bg: var(--secondary) !default;
@ -212,289 +222,293 @@ $pd-week-color: var(--primary) !default;
// Font // Font
$pd-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default; $pd-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
.pika-single { .pika-single {
z-index: 9999; z-index: 9999;
display: block; display: block;
position: relative; position: relative;
color: $pd-text-color; color: $pd-text-color;
background: $pd-picker-bg; background: $pd-picker-bg;
border: 1px solid $pd-picker-border; border: 1px solid $pd-picker-border;
border-bottom-color: $pd-picker-border-bottom; border-bottom-color: $pd-picker-border-bottom;
font-family: $pd-font-family; font-family: $pd-font-family;
&.is-hidden { &.is-hidden {
display: none; display: none;
} }
&.is-bound { &.is-bound {
position: absolute; position: absolute;
box-shadow: 0 5px 15px -5px $pd-picker-shadow; box-shadow: 0 5px 15px -5px $pd-picker-shadow;
} }
} }
// clear child float (pika-lendar), using the famous micro clearfix hack // clear child float (pika-lendar), using the famous micro clearfix hack
// http://nicolasgallagher.com/micro-clearfix-hack/ // http://nicolasgallagher.com/micro-clearfix-hack/
.pika-single { .pika-single {
&:before, &:before,
&:after { &:after {
content: " "; content: " ";
display: table; display: table;
} }
&:after { clear: both } &:after {
clear: both;
}
} }
.pika-lendar { .pika-lendar {
float: left; float: left;
width: 240px; width: 240px;
margin: 8px; margin: 8px;
} }
.pika-title { .pika-title {
position: relative; position: relative;
text-align: center; text-align: center;
select { select {
cursor: pointer; cursor: pointer;
position: absolute; position: absolute;
z-index: 9998; z-index: 9998;
margin: 0; margin: 0;
left: 0; left: 0;
top: 5px; top: 5px;
filter: alpha(opacity=0); filter: alpha(opacity=0);
opacity: 0; opacity: 0;
} }
} }
.pika-label { .pika-label {
display: inline-block; display: inline-block;
position: relative; position: relative;
z-index: 9999; z-index: 9999;
overflow: hidden; overflow: hidden;
margin: 0; margin: 0;
padding: 5px 3px; padding: 5px 3px;
font-size: 14px; font-size: 14px;
line-height: 20px; line-height: 20px;
font-weight: bold; font-weight: bold;
color: $pd-title-color; color: $pd-title-color;
background-color: $pd-title-bg; background-color: $pd-title-bg;
} }
.pika-prev, .pika-prev,
.pika-next { .pika-next {
display: block; display: block;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
outline: none; outline: none;
border: 0; border: 0;
padding: 0; padding: 0;
width: 20px; width: 20px;
height: 30px; height: 30px;
text-indent: 20px; // hide text using text-indent trick, using width value (it's enough) text-indent: 20px; // hide text using text-indent trick, using width value (it's enough)
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
background-color: transparent; background-color: transparent;
background-position: center center; background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 75% 75%; background-size: 75% 75%;
opacity: .5; opacity: 0.5;
@if (lightness($secondary) < 50) { // invert the black png if the background is dark @if (lightness($secondary) < 50) {
filter: invert(1); // invert the black png if the background is dark
} filter: invert(1);
}
&:hover { &:hover {
opacity: 1; opacity: 1;
} }
&.is-disabled { &.is-disabled {
cursor: default; cursor: default;
opacity: .2; opacity: 0.2;
} }
} }
.pika-prev, .pika-prev,
.is-rtl .pika-next { .is-rtl .pika-next {
float: left; float: left;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=='); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
} }
.pika-next, .pika-next,
.is-rtl .pika-prev { .is-rtl .pika-prev {
float: right; float: right;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII='); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
} }
.pika-select { .pika-select {
display: inline-block; display: inline-block;
} }
.pika-table { .pika-table {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; border-spacing: 0;
border: 0; border: 0;
th, th,
td { td {
width: 14.285714285714286%; width: 14.285714285714286%;
padding: 0; padding: 0;
} }
th { th {
color: $pd-th-color; color: $pd-th-color;
font-size: 12px; font-size: 12px;
line-height: 25px; line-height: 25px;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
} }
abbr { abbr {
border-bottom: none; border-bottom: none;
cursor: help; cursor: help;
} }
} }
.pika-button { .pika-button {
cursor: pointer; cursor: pointer;
display: block; display: block;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
outline: none; outline: none;
border: 0; border: 0;
margin: 0; margin: 0;
width: 100%; width: 100%;
padding: 5px; padding: 5px;
color: $pd-day-color; color: $pd-day-color;
font-size: 12px; font-size: 12px;
line-height: 15px; line-height: 15px;
text-align: right; text-align: right;
background: $pd-day-bg; background: $pd-day-bg;
.is-today & { .is-today & {
color: $pd-day-today-color; color: $pd-day-today-color;
font-weight: bold; font-weight: bold;
} }
.is-selected & { .is-selected & {
color: $pd-day-selected-color; color: $pd-day-selected-color;
font-weight: bold; font-weight: bold;
background: $pd-day-selected-bg; background: $pd-day-selected-bg;
box-shadow: inset 0 1px 3px $pd-day-selected-shadow; box-shadow: inset 0 1px 3px $pd-day-selected-shadow;
border-radius: 3px; border-radius: 3px;
} }
.is-disabled &, .is-disabled &,
.is-outside-current-month & { .is-outside-current-month & {
pointer-events: none; pointer-events: none;
cursor: default; cursor: default;
color: $pd-day-disabled-color; color: $pd-day-disabled-color;
opacity: .3; opacity: 0.3;
} }
&:hover { &:hover {
color: $pd-day-hover-color; color: $pd-day-hover-color;
background: $pd-day-hover-bg; background: $pd-day-hover-bg;
box-shadow: none; box-shadow: none;
border-radius: 3px; border-radius: 3px;
} }
} }
.pika-week { .pika-week {
font-size: 11px; font-size: 11px;
color: $pd-week-color; color: $pd-week-color;
} }
.is-inrange .pika-button { .is-inrange .pika-button {
background: #D5E9F7; background: #d5e9f7;
} }
.is-startrange .pika-button { .is-startrange .pika-button {
color: var(--secondary); color: var(--secondary);
background: #6CB31D; background: #6cb31d;
box-shadow: none; box-shadow: none;
border-radius: 3px; border-radius: 3px;
} }
.is-endrange .pika-button { .is-endrange .pika-button {
color: var(--secondary); color: var(--secondary);
background: var(--tertiary); background: var(--tertiary);
box-shadow: none; box-shadow: none;
border-radius: 3px; border-radius: 3px;
} }
// timepicker // timepicker
.ui-timepicker-wrapper { .ui-timepicker-wrapper {
overflow-y: auto; overflow-y: auto;
max-height: 150px; max-height: 150px;
width: 6.5em; width: 6.5em;
background: #fff; background: #fff;
border: 1px solid #ddd; border: 1px solid #ddd;
-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow:0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
outline: none; outline: none;
z-index: 10001; z-index: 10001;
margin: 0; margin: 0;
} }
.ui-timepicker-wrapper.ui-timepicker-with-duration { .ui-timepicker-wrapper.ui-timepicker-with-duration {
width: 13em; width: 13em;
} }
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30, .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 { .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
width: 11em; width: 11em;
} }
.ui-timepicker-list { .ui-timepicker-list {
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style: none; list-style: none;
} }
.ui-timepicker-duration { .ui-timepicker-duration {
margin-left: 5px; color: #888; margin-left: 5px;
color: #888;
} }
.ui-timepicker-list:hover .ui-timepicker-duration { .ui-timepicker-list:hover .ui-timepicker-duration {
color: #888; color: #888;
} }
.ui-timepicker-list li { .ui-timepicker-list li {
padding: 3px 0 3px 5px; padding: 3px 0 3px 5px;
cursor: pointer; cursor: pointer;
white-space: nowrap; white-space: nowrap;
color: #000; color: #000;
list-style: none; list-style: none;
margin: 0; margin: 0;
} }
.ui-timepicker-list:hover .ui-timepicker-selected { .ui-timepicker-list:hover .ui-timepicker-selected {
background: #fff; color: #000; background: #fff;
color: #000;
} }
li.ui-timepicker-selected, li.ui-timepicker-selected,
.ui-timepicker-list li:hover, .ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover { .ui-timepicker-list .ui-timepicker-selected:hover {
background: #1980EC; color: #fff; background: #1980ec;
color: #fff;
} }
li.ui-timepicker-selected .ui-timepicker-duration, li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration { .ui-timepicker-list li:hover .ui-timepicker-duration {
color: #ccc; color: #ccc;
} }
.ui-timepicker-list li.ui-timepicker-disabled, .ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
color: #888; color: #888;
cursor: default; cursor: default;
} }
.ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
background: #f2f2f2; background: #f2f2f2;
} }

13
assets/stylesheets/wizard/custom/field.scss
Datei anzeigen

@ -33,7 +33,10 @@
} }
&.invalid { &.invalid {
textarea, input[type=text], input[type=checkbox], .select-kit { textarea,
input[type="text"],
input[type="checkbox"],
.select-kit {
outline: 4px solid var(--danger); outline: 4px solid var(--danger);
} }
} }
@ -43,7 +46,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
&> .input-area { & > .input-area {
order: 0; order: 0;
margin: 15px 20px !important; margin: 15px 20px !important;
@ -54,12 +57,12 @@
} }
} }
&> label.field-label { & > label.field-label {
order: 1; order: 1;
font-weight: 400; font-weight: 400;
} }
&> .field-description { & > .field-description {
margin-top: 0; margin-top: 0;
order: 2; order: 2;
} }
@ -83,7 +86,7 @@
} }
} }
.wizard-image-preview { .wizard-image-preview {
margin-top: 10px; margin-top: 10px;
max-width: 500px; max-width: 500px;
max-height: 500px; max-height: 500px;

9
assets/stylesheets/wizard/custom/locations.scss
Datei anzeigen

@ -72,7 +72,8 @@
} }
} }
input.input-location, div.input-location { input.input-location,
div.input-location {
max-height: 150px; max-height: 150px;
background-color: var(--secondary); background-color: var(--secondary);
box-shadow: none; box-shadow: none;
@ -111,7 +112,8 @@ input.input-location, div.input-location {
top: 30px !important; top: 30px !important;
box-sizing: border-box; box-sizing: border-box;
li, .no-results { li,
.no-results {
padding: 10px; padding: 10px;
} }
@ -128,7 +130,8 @@ input.input-location, div.input-location {
background-color: var(--secondary); background-color: var(--secondary);
display: flex; display: flex;
&:hover, &.selected { &:hover,
&.selected {
background-color: var(--tertiary); background-color: var(--tertiary);
color: white; color: white;

4
assets/stylesheets/wizard/custom/step.scss
Datei anzeigen

@ -70,7 +70,7 @@
img.large { img.large {
width: 150; width: 150;
padding: 25px;; padding: 25px;
} }
img.small { img.small {
@ -119,7 +119,7 @@
.step-message { .step-message {
text-align: center; text-align: center;
transition: all .2s; transition: all 0.2s;
z-index: 2; z-index: 2;
padding: 20px; padding: 20px;

8
assets/stylesheets/wizard/custom/wizard.scss
Datei anzeigen

@ -11,7 +11,7 @@
} }
.wizard-column-contents h1 { .wizard-column-contents h1 {
margin: 0 margin: 0;
} }
.wizard-footer { .wizard-footer {
@ -19,7 +19,9 @@
} }
} }
.wizard-buttons > a, .wizard-buttons > button, .spinner { .wizard-buttons > a,
.wizard-buttons > button,
.spinner {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
} }
@ -59,7 +61,7 @@
/* IE11 hacks */ /* IE11 hacks */
@media all and (-ms-high-contrast:none) { @media all and (-ms-high-contrast: none) {
.custom-wizard { .custom-wizard {
div.wizard-step-contents { div.wizard-step-contents {
display: block; display: block;