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";
})(); })();

2
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();
})(); })();

32
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;
@ -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;
} }

6
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;
} }

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;

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; display: inline;
} }

52
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,7 +222,6 @@ $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;
@ -242,7 +251,9 @@ $pd-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
display: table; display: table;
} }
&:after { clear: both } &:after {
clear: both;
}
} }
.pika-lendar { .pika-lendar {
@ -298,8 +309,9 @@ $pd-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
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) {
// invert the black png if the background is dark
filter: invert(1); filter: invert(1);
} }
@ -309,20 +321,20 @@ $pd-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
&.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 {
@ -389,7 +401,7 @@ $pd-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
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 {
@ -406,12 +418,12 @@ $pd-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
} }
.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;
} }
@ -423,7 +435,6 @@ $pd-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
border-radius: 3px; border-radius: 3px;
} }
// timepicker // timepicker
.ui-timepicker-wrapper { .ui-timepicker-wrapper {
@ -456,7 +467,8 @@ $pd-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
} }
.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 {
@ -473,13 +485,15 @@ $pd-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
} }
.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,

5
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);
} }
} }

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;

6
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;
} }