This repository has been archived on 2025-01-19. You can view files and clone it, but cannot push or open issues or pull requests.
drupalcampbristol/web/modules/contrib/webform/css/webform.element.multiple.css
2017-03-16 15:29:07 +00:00

104 lines
2.2 KiB
CSS

/**
* @file
* Multiple element styles.
*
* @see /webform/test_element_multiple
*/
.form-type-webform-multiple:after {
content: " ";
display: table;
clear: both;
}
.webform-multiple-table table {
margin-bottom: 2px;
}
.webform-multiple-table td {
white-space: nowrap;
}
.webform-multiple-table td:first-child {
padding: 0 0 0 1em;
width: 26px;
vertical-align: middle;
text-align: center;
}
.webform-multiple-table td:last-child {
padding: 0 2px;
vertical-align: middle;
text-align: center;
width: 60px;
}
.webform-multiple-table td:last-child input {
margin: 0 2px;
}
.webform-multiple-table td:last-child input {
opacity: 0.4;
}
.webform-multiple-table td:last-child input:hover,
.webform-multiple-table td:last-child input:focus,
.webform-multiple-table td:last-child input:active {
opacity: 1;
background: none;
}
.webform-multiple-table td select,
.webform-multiple-table td .form-type-textfield input,
.webform-multiple-table td .form-type-email input,
.webform-multiple-table td .form-type-url input,
.webform-multiple-table td .form-type-tel input,
.webform-multiple-table td .form-type-entity-autocomplete input,
.webform-multiple-table td .form-type-webform-autocomplete input {
width: 100%;
}
.webform-multiple-table td .form-type-datelist select,
.form-type-webform-multiple.webform-has-field-prefix td select,
.form-type-webform-multiple.webform-has-field-suffix td select,
.form-type-webform-multiple.webform-has-field-prefix td input,
.form-type-webform-multiple.webform-has-field-suffix td input {
width: auto;
}
.webform-multiple-table .webform-multiple-sort-weight {
width: 4em;
}
.webform-multiple-table td input[type="image"] {
padding: 0;
width: 16px;
height: 16px;
}
.webform-multiple-table .container-inline input[type="submit"] {
width: inherit;
}
/**
* Hide AJAX throbber.
*/
.form-type-webform-multiple .ajax-progress-throbber {
display: none;
}
/**
* Suppress table drag warnings.
*/
.webform-multiple-table .tabledrag-changed-warning,
.webform-multiple-table .tabledrag-changed {
display: none !important; /* Must use !important because .tabledrag-changed 'display' is set via JavaScript */
}
/**
* Tweak tabledrag toggle weight.
*/
.webform-multiple-tabledrag-toggle-weight {
float: right;
}