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 () {
document.cookie = 'destination_url=' + window.location.href + ';path=/';
window.location.href = '/login';
document.cookie = "destination_url=" + window.location.href + ";path=/";
window.location.href = "/login";
})();

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

@ -1,4 +1,4 @@
(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();
})();

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

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

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

@ -17,7 +17,8 @@
text-align: right;
vertical-align: middle;
> .d-icon, > .spinner {
> .d-icon,
> .spinner {
margin-right: 7px;
}
@ -104,7 +105,8 @@
.endpoint {
margin-top: 20px;
.top, .bottom {
.top,
.bottom {
display: flex;
}

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

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

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

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

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

@ -217,7 +217,8 @@
}
}
.hide-hyperlink-box, .add-link {
.hide-hyperlink-box,
.add-link {
display: inline;
}

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

@ -41,7 +41,8 @@
flex: 1;
}
.select-kit, .ac-wrap {
.select-kit,
.ac-wrap {
width: 100% !important;
max-width: 330px;
}
@ -78,7 +79,16 @@
padding-left: 20px;
&.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);
background-image: initial;
background: initial;
@ -87,7 +97,8 @@
pointer-events: none;
}
input, .pika-lendar {
input,
.pika-lendar {
border: 1px solid var(--primary-low) !important;
}
}
@ -161,7 +172,6 @@
}
.rsvp-controls {
.rsvp-container {
display: flex;
flex-flow: wrap;
@ -196,7 +206,7 @@ $pd-title-bg: var(--secondary) !default;
$pd-picker-bg: var(--secondary) !default;
$pd-picker-border: 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-day-color: var(--primary) !default;
$pd-day-bg: var(--secondary) !default;
@ -212,7 +222,6 @@ $pd-week-color: var(--primary) !default;
// Font
$pd-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
.pika-single {
z-index: 9999;
display: block;
@ -242,7 +251,9 @@ $pd-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
display: table;
}
&:after { clear: both }
&:after {
clear: both;
}
}
.pika-lendar {
@ -298,8 +309,9 @@ $pd-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
background-position: center center;
background-repeat: no-repeat;
background-size: 75% 75%;
opacity: .5;
@if (lightness($secondary) < 50) { // invert the black png if the background is dark
opacity: 0.5;
@if (lightness($secondary) < 50) {
// invert the black png if the background is dark
filter: invert(1);
}
@ -309,20 +321,20 @@ $pd-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
&.is-disabled {
cursor: default;
opacity: .2;
opacity: 0.2;
}
}
.pika-prev,
.is-rtl .pika-next {
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,
.is-rtl .pika-prev {
float: right;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
}
.pika-select {
@ -389,7 +401,7 @@ $pd-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
pointer-events: none;
cursor: default;
color: $pd-day-disabled-color;
opacity: .3;
opacity: 0.3;
}
&:hover {
@ -406,12 +418,12 @@ $pd-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
}
.is-inrange .pika-button {
background: #D5E9F7;
background: #d5e9f7;
}
.is-startrange .pika-button {
color: var(--secondary);
background: #6CB31D;
background: #6cb31d;
box-shadow: none;
border-radius: 3px;
}
@ -423,7 +435,6 @@ $pd-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
border-radius: 3px;
}
// timepicker
.ui-timepicker-wrapper {
@ -456,7 +467,8 @@ $pd-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
}
.ui-timepicker-duration {
margin-left: 5px; color: #888;
margin-left: 5px;
color: #888;
}
.ui-timepicker-list:hover .ui-timepicker-duration {
@ -473,13 +485,15 @@ $pd-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
}
.ui-timepicker-list:hover .ui-timepicker-selected {
background: #fff; color: #000;
background: #fff;
color: #000;
}
li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
background: #1980EC; color: #fff;
background: #1980ec;
color: #fff;
}
li.ui-timepicker-selected .ui-timepicker-duration,

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

@ -33,7 +33,10 @@
}
&.invalid {
textarea, input[type=text], input[type=checkbox], .select-kit {
textarea,
input[type="text"],
input[type="checkbox"],
.select-kit {
outline: 4px solid var(--danger);
}
}

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

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

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

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

@ -11,7 +11,7 @@
}
.wizard-column-contents h1 {
margin: 0
margin: 0;
}
.wizard-footer {
@ -19,7 +19,9 @@
}
}
.wizard-buttons > a, .wizard-buttons > button, .spinner {
.wizard-buttons > a,
.wizard-buttons > button,
.spinner {
display: inline-block;
vertical-align: middle;
}