first commit

This commit is contained in:
phil 2023-09-30 09:40:37 +02:00
commit 346d1cb29d
287 changed files with 43533 additions and 0 deletions

View file

@ -0,0 +1,56 @@
/**
* @file
* Ajax styles.
*/
/**
* Make sure full screen progress indicator is in front of .ui-dialog.
*
* @see core/themes/seven/css/components/dialog.css
*/
.ajax-progress.ajax-progress-fullscreen {
z-index: 1261;
}
/**
* Floating Ajax message container.
*
* Display status message in a floating container at the bottom of the page.
* NOTE: It is display to display message floating at top because of the floating
* admin toolbar.
*
* @see Drupal.AjaxCommands.prototype.webformInsert
*/
.webform-ajax-messages {
position: fixed;
z-index: 100;
bottom: 0;
width: 100%;
}
.webform-ajax-messages .messages {
margin: 0;
border-width: 10px 0 0 0;
font-weight: bold;
}
.webform-ajax-messages .messages + .messages {
margin: 0;
}
/**
* Always position webform modal dialog at the top of the page.
*
* This prevents the dialogs position from jumping as its content is refreshed
* and when the window is resized.
*
* @see core/misc/dialog/dialog.position.js
* @see \Drupal\webform\Utility\WebformDialogHelper::getModalDialogAttributes
*/
.webform-ui-dialog {
top: 50px !important;
}
.toolbar-tray-open.toolbar-horizontal .webform-ui-dialog {
top: 90px !important;
}

View file

@ -0,0 +1,47 @@
/**
* @file
* Details toggle element styles.
*
* @see /webform/test_form_details_toggle
*/
.webform-details-toggle-state-wrapper {
text-align: right; /* LTR */
margin-top: 1em;
}
[dir="rtl"] .webform-details-toggle-state-wrapper {
text-align: left;
}
.webform-details-toggle-state-wrapper + details {
margin-top: 0;
}
/* Tweak details toggle state. */
.webform-details-toggle-state {
margin-top: 0;
padding: 0;
cursor: pointer;
border: 0;
background: transparent;
font-size: 1em;
text-decoration: none;
color: #337ab7;
}
.webform-details-toggle-state:hover,
.webform-details-toggle-statelink:focus {
text-decoration: underline;
}
/* Float toggle to the right of webform tabs */
.webform-tabs .webform-details-toggle-state-wrapper {
float: right;
}
@media screen and (max-width: 600px) {
.webform-tabs .webform-details-toggle-state-wrapper {
float: none;
}
}

View file

@ -0,0 +1,63 @@
/**
* @file
* Message element styles.
*
* @see /webform/test_element_message
*/
/**
* Webform message close container.
*/
.webform-message--close .messages {
position: relative;
padding-right: 35px;
}
.webform-message--close .webform-message__link {
display: none;
}
html.js .webform-message--close .webform-message__link {
position: absolute;
top: 11px;
right: 10px;
display: block;
font-size: 24px;
line-height: 24px;
}
html[dir="rtl"].js .webform-message--close .webform-message__link {
top: 11px;
right: inherit;
left: 10px;
}
.webform-message__link {
opacity: 0.33;
color: inherit;
}
.webform-message__link:link {
text-decoration: none;
border-bottom: none;
}
.webform-message__link:hover,
.webform-message__link:focus,
.webform-message__link:active {
text-decoration: none;
opacity: 1;
color: inherit;
border-bottom: none;
}
html.js .js-webform-message--close-storage {
display: none;
}
/**
* Hide Gin themes dismiss button even when it appears on the node edit form.
*/
.js-webform-message--close .button--dismiss {
display: none;
}

View file

@ -0,0 +1,131 @@
/**
* @file
* Webform form styles.
*/
/**
* This allows components to be hidden when a JS plugin provides the UI.
*/
html.js .js-webform-visually-hidden,
html.js .js-webform-visually-hidden[style*="display: none"] {
position: absolute !important;
display: inline !important;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
word-wrap: normal;
}
/**
* Element states.
* @see \Drupal\webform\WebformSubmissionConditionsValidator::buildForm
* @see \Drupal\webform\Utility\WebformElementHelper::fixStatesWrapper
* @see \Drupal\webform\Plugin\WebformElement\TextFormat::preRenderFixTextFormatStates
* @see text-format-wrapper.html.twig
*/
.js-form-item.js-webform-states-hidden,
.js-form-submit.js-webform-states-hidden,
.js-form-wrapper.js-webform-states-hidden,
.js-webform-text-format-hidden > .js-text-format-wrapper {
display: none;
}
/**
* Form inline. (This is not included in all themes)
*/
.form--inline .form-item {
float: left; /* LTR */
margin-right: 0.5em; /* LTR */
}
[dir="rtl"] .form--inline .form-item {
float: right;
margin-right: 0;
margin-left: 0.5em;
}
/**
* Container inline
*/
.form-item .container-inline {
margin: 2px 0;
}
/**
* Issue #2731991: Setting required on radios marks all options required.
*/
.form-checkboxes .form-required:after,
.form-radios .form-required:after {
display: none;
}
/**
* Element title inline.z
*/
.webform-element--title-inline > label {
display: inline;
padding-right: 0.5em;
}
.webform-element--title-inline > div.container-inline {
display: inline;
}
/**
* Fieldset title inline.
* Applies to radios, checkboxes, and buttons. (aka .form-composite)
* @see \Drupal\webform\Plugin\WebformElement\OptionsBase::prepare
* @see webform_preprocess_fieldset()
*/
.form-composite.webform-fieldset--title-inline legend {
float: left; /* LTR */
margin: 0.4em 0.5em 0.4em 0; /* LTR */
}
[dir=rtl] .form-composite.webform-fieldset--title-inline legend {
float: right; /* RTL */
margin-right: 0; /* RTL */
margin-left: 0.5em; /* RTL */
}
.form-composite.webform-fieldset--title-inline .fieldset-wrapper,
.form-composite.webform-fieldset--title-inline .fieldset-wrapper > div {
display: inline;
}
/**
* Checkboxes and radios title inline.
*/
.webform-element--title-inline .form-radios,
.webform-element--title-inline .form-checkboxes {
display: inline;
}
/**
* Clientside validation errors.
* @see webform_clientside_validation.ife.css
*/
.webform-submission-form strong.error.form-item--error-message {
display: block;
}
/**
* Readonly inputs. (@see .form-disabled)
* @see https://www.wufoo.com/html5/attributes/21-readonly.html
*/
.webform-readonly input[type="date"],
.webform-readonly input[type="datetime-local"],
.webform-readonly input[type="email"],
.webform-readonly input[type="number"],
.webform-readonly input[type="password"],
.webform-readonly input[type="search"],
.webform-readonly input[type="tel"],
.webform-readonly input[type="text"],
.webform-readonly input[type="time"],
.webform-readonly input[type="url"],
.webform-readonly textarea {
color: #717171;
border-color: #bbb;
background: #ededed;
}

View file

@ -0,0 +1,25 @@
/**
* @file
* Classy theme styles.
*/
/**
* Make sure the date picker is in front of the dialog.
*
* @see core/themes/classy/css/components/dialog.css
* @see core/themes/seven/css/components/dialog.css
*/
.ui-datepicker {
z-index: 1261 !important;
}
/**
* Ajax form wrapper.
*
* Prevent actions bottom margin from causing the slide effect to
* jump when completed.
*/
.webform-ajax-form-wrapper[data-effect="slide"] .form-actions {
margin-bottom: 0;
padding-bottom: 1em;
}