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.admin.css
2018-11-23 12:29:20 +00:00

234 lines
4.7 KiB
CSS

/**
* @file
* Admin styles
*/
/**
* Local actions.
*/
.webform-form .action-links {
margin-bottom: 0;
}
/**
* Submission.
*/
.webform-submission-information .button {
font-size: 1em;
}
/**
* Webform setting button displays a gear icon.
* @see /admin/structure/webform/manage/contact/results/submissions
*/
.button.button-webform-table-setting {
margin: 0 0 1em 0;
}
.button.button-webform-table-setting:before {
content: '☷';
font-size: 1.2em;
}
/**
* Filter webform and submissions.
* @see /admin/structure/webform
* @see /admin/structure/webform/templates
*/
.webform-filter-form .form-submit {
margin-left: 0;
margin-right: 5px;
}
.webform-filter-form .form-item {
margin-right: 5px;
}
.webform-filter-form .form-item input {
max-width: 300px;
}
.webform-filter-form .form-item select {
max-width: 200px;
}
@media screen and (max-width: 600px) {
.webform-filter-form .form-item {
display: block;
margin-right: 0;
}
.webform-filter-form .form-item input,
.webform-filter-form .form-item select {
max-width: initial;
}
}
/**
* Results table.
* @see /admin/structure/webform/submissions/manage
* @see /admin/structure/webform/manage/contact/results/submissions
*/
.webform-results-table th,
.webform-results-table td {
max-width: 400px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/* Make sure 'Operations' is never cut-off. */
.webform-results-table td.webform-dropbutton-wrapper {
overflow: visible;
max-width: inherit;
white-space: normal;
}
th.webform-results-table__icon,
td.webform-results-table__icon {
padding-left: 0;
padding-right: 0;
}
/* Hide throbber, which breaks icon alignment */
.webform-results-table__icon .ajax-progress-throbber {
display: none;
}
/* Entire row is clickable. @see Drupal.behaviors.webformTableRowHref */
.webform-results-table tbody tr {
cursor: pointer;
cursor: hand;
}
/* Limit image height to 60px */
.webform-results-table td img {
max-height: 60px;
width: auto;
}
/**
* Results icons (notes, sticky, and locked)
*/
.webform-icon {
display: inline-block;
height: 16px;
width: 16px;
text-align: center;
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
vertical-align: -2px;
}
/* Notes */
.webform-icon-notes--on {
background-image: url(../images/icons/notes-on.svg);
}
.webform-icon-notes--off {
background-image: url(../images/icons/notes-off.svg);
}
.webform-icon-notes--link {
background-image: url(../images/icons/notes-link.svg);
}
a:hover .webform-icon-notes--on,
a:focus .webform-icon-notes--on,
a:hover .webform-icon-notes--off,
a:focus .webform-icon-notes--off {
background-image: url(../images/icons/notes-link.svg);
}
/* Sticky */
.webform-icon-sticky {
background: transparent url(../images/icons/sticky.svg) no-repeat left top;
display: inline-block;
background-size: 64px 16px;
}
.webform-icon-sticky--off:hover,
.webform-icon-sticky--off:focus {
background-position: -16px top;
}
.webform-icon-sticky--on {
background-position: -32px top;
}
.webform-icon-sticky--on:focus,
.webform-icon-sticky--on:hover {
background-position: -48px top;
}
.webform-icon-sticky--link {
background: transparent url(../images/icons/sticky-link.svg) no-repeat left top;
}
/* Locked */
.webform-icon-locked--on {
background-image: url(../images/icons/locked-on.svg);
}
.webform-icon-locked--off {
background-image: url(../images/icons/locked-off.svg);
}
.webform-icon-locked--link {
background-image: url(../images/icons/locked-on-link.svg);
}
a:hover .webform-icon-locked--on,
a:focus .webform-icon-locked--on {
background-image: url(../images/icons/locked-off-link.svg);
}
a:hover .webform-icon-locked--off,
a:focus .webform-icon-locked--off {
background-image: url(../images/icons/locked-on-link.svg);
}
/**
* Submission view table.
* @see /admin/structure/webform/manage/{webform_id}/submission/{webform_submission_id}/table
*/
.webform-submission-table th {
width: 33%;
min-width: 100px;
}
.webform-submission-table td {
width: 66%;
}
.webform-horizontal-rule {
margin: .5em 0;
}
/**
* Handlers table.
* @see /admin/structure/webform/manage/{webform_id}/handlers
*/
.webform-handlers-table .ajax-progress-throbber {
display: none;
}
@media screen and (max-width: 1280px) {
.js-off-canvas-dialog-open .webform-handlers-table th,
.js-off-canvas-dialog-open .webform-handlers-table td {
display: none;
}
.js-off-canvas-dialog-open .webform-handlers-table th:first-child,
.js-off-canvas-dialog-open .webform-handlers-table th:last-child,
.js-off-canvas-dialog-open .webform-handlers-table td:first-child,
.js-off-canvas-dialog-open .webform-handlers-table td:last-child {
display: table-cell;
}
}