opdavies/drupalcampbristol
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update to Drupal 8.2.6. For more information, see https://www.drupal.org/project/drupal/releases/8.2.6

Browse source
This commit is contained in:
Pantheon Automation 2017-02-02 16:28:38 -08:00 • committed by Greg Anderson
parent db56c09587
commit f1e72395cb
588 changed files with 26857 additions and 2777 deletions
Download patch file Download diff file Expand all files Collapse all files

23
core/modules/outside_in/css/offcanvas.css Normal file
View file

@ -0,0 +1,23 @@
/**
* @file
* CSS for Offcanvas tray.
*
* @todo Move CSS into core dialog library https://www.drupal.org/node/2784443.
*/
/* Position the dialog-offcanvas tray container outside the right of the viewport. */
.ui-dialog-offcanvas {
box-sizing: border-box;
height: 100%;
overflow: visible;
}
/* Wrap the form that's inside the dialog-offcanvas tray. */
.ui-dialog-offcanvas .ui-dialog-content {
padding: 0 20px;
/* Prevent horizontal scrollbar. */
overflow-x: hidden;
overflow-y: auto;
}
[dir="rtl"] .ui-dialog-offcanvas .ui-dialog-content {
text-align: right;
}

32
core/modules/outside_in/css/offcanvas.motion.css Normal file
View file

@ -0,0 +1,32 @@
/**
* @file
* Motion effects for off-canvas tray dialog.
*
* Motion effects are in a separate file so that they can be easily turned off
* to improve performance if desired.
*
* @todo Move motion effects file into a core Off-Canvas library and add a
* configuration option for browser rendering performance to disable this
* file: https://www.drupal.org/node/2784443.
*/
/* Transition the dialog-offcanvas tray container, with 2s delay to match main canvas speed. */
.ui-dialog-offcanvas .ui-dialog-content {
-webkit-transition: all .7s ease 2s;
-moz-transition: all .7s ease 2s;
transition: all .7s ease 2s;
}
@media (max-width: 700px) {
.ui-dialog-offcanvas .ui-dialog-content {
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
transition: all .7s ease;
}
}
.dialog-offcanvas__main-canvas {
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
transition: all .7s ease;
}

33
core/modules/outside_in/css/outside_in.details.css
View file

@ -3,49 +3,50 @@
* Visual styling for summary and details in the Settings Tray module's off canvas tray.
*/
.ui-dialog-offcanvas details,
.ui-dialog-offcanvas summary,
.ui-dialog-offcanvas .ui-dialog-content {
.ui-dialog-outside-in details,
.ui-dialog-outside-in summary,
.ui-dialog-outside-in .ui-dialog-content {
background: #474747;
color: #ddd;
}
.ui-dialog-offcanvas summary a {
.ui-dialog-outside-in summary a {
color: #ddd;
padding: 0 inherit;
padding-top: 0;
padding-bottom: 0;
}
.ui-dialog-offcanvas summary a:hover,
.ui-dialog-offcanvas summary a:focus {
.ui-dialog-outside-in summary a:hover,
.ui-dialog-outside-in summary a:focus {
color: #fff;
}
.ui-dialog-offcanvas details,
.ui-dialog-offcanvas summary,
.ui-dialog-offcanvas .details-wrapper {
.ui-dialog-outside-in details,
.ui-dialog-outside-in summary,
.ui-dialog-outside-in .details-wrapper {
border-width: 0;
/* Cancel out the padding of the parent. */
margin: 0 -20px;
padding: 0 20px;
}
.ui-dialog-offcanvas summary {
.ui-dialog-outside-in summary {
text-shadow: none;
outline: none;
padding: 10px 20px;
font-size: 14px;
transition: all .5s ease;
}
.ui-dialog-offcanvas summary:hover,
.ui-dialog-offcanvas summary:focus {
.ui-dialog-outside-in summary:hover,
.ui-dialog-outside-in summary:focus {
background-color: #222;
outline: none;
}
.ui-dialog-offcanvas details[open] {
.ui-dialog-outside-in details[open] {
background-color: #333;
padding-bottom: 10px;
}
.ui-dialog-offcanvas details[open] > summary {
.ui-dialog-outside-in details[open] > summary {
background-color: #333;
color: #eee;
}
.ui-dialog-offcanvas details[open] > summary:hover {
.ui-dialog-outside-in details[open] > summary:hover {
background-color: #222;
color: #fff;
}

98
core/modules/outside_in/css/outside_in.form.css
View file

@ -3,40 +3,40 @@
* Visual styling for forms in the Settings Tray module's off canvas tray.
*/
.ui-dialog-offcanvas label {
.ui-dialog-outside-in label {
line-height: normal;
font-size: 12px;
font-weight: normal;
color: #ddd;
}
.ui-dialog-offcanvas .description,
.ui-dialog-offcanvas .form-item .description,
.ui-dialog-offcanvas .details-description {
.ui-dialog-outside-in .description,
.ui-dialog-outside-in .form-item .description,
.ui-dialog-outside-in .details-description {
color: #ddd;
margin-top: 5px;
font-size: 12px;
font-style: normal;
}
.ui-dialog-offcanvas .details-wrapper .description {
.ui-dialog-outside-in .details-wrapper .description {
color: #bbb;
}
.ui-dialog-offcanvas .form-item {
.ui-dialog-outside-in .form-item {
margin-bottom: 10px;
margin-top: 10px;
}
/* Set size and position for all inputs. */
.ui-dialog-offcanvas .form-select,
.ui-dialog-offcanvas .form-text,
.ui-dialog-offcanvas .form-tel,
.ui-dialog-offcanvas .form-email,
.ui-dialog-offcanvas .form-url,
.ui-dialog-offcanvas .form-search,
.ui-dialog-offcanvas .form-number,
.ui-dialog-offcanvas .form-color,
.ui-dialog-offcanvas .form-file,
.ui-dialog-offcanvas .form-textarea,
.ui-dialog-offcanvas .form-date,
.ui-dialog-offcanvas .form-time {
.ui-dialog-outside-in .form-select,
.ui-dialog-outside-in .form-text,
.ui-dialog-outside-in .form-tel,
.ui-dialog-outside-in .form-email,
.ui-dialog-outside-in .form-url,
.ui-dialog-outside-in .form-search,
.ui-dialog-outside-in .form-number,
.ui-dialog-outside-in .form-color,
.ui-dialog-outside-in .form-file,
.ui-dialog-outside-in .form-textarea,
.ui-dialog-outside-in .form-date,
.ui-dialog-outside-in .form-time {
box-sizing: border-box;
max-width: 100%;
padding: 6px;
@ -53,58 +53,58 @@
cursor: pointer;
}
/* Reduce contrast for fields against dark backround. */
.ui-dialog-offcanvas .form-text,
.ui-dialog-offcanvas .form-tel,
.ui-dialog-offcanvas .form-email,
.ui-dialog-offcanvas .form-url,
.ui-dialog-offcanvas .form-search,
.ui-dialog-offcanvas .form-number,
.ui-dialog-offcanvas .form-color,
.ui-dialog-offcanvas .form-file,
.ui-dialog-offcanvas .form-textarea,
.ui-dialog-offcanvas .form-date,
.ui-dialog-offcanvas .form-time {
.ui-dialog-outside-in .form-text,
.ui-dialog-outside-in .form-tel,
.ui-dialog-outside-in .form-email,
.ui-dialog-outside-in .form-url,
.ui-dialog-outside-in .form-search,
.ui-dialog-outside-in .form-number,
.ui-dialog-outside-in .form-color,
.ui-dialog-outside-in .form-file,
.ui-dialog-outside-in .form-textarea,
.ui-dialog-outside-in .form-date,
.ui-dialog-outside-in .form-time {
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .125);
background-color: #eee;
border-color: #333;
color: #595959;
}
.ui-dialog-offcanvas .form-text:focus,
.ui-dialog-offcanvas .form-tel:focus,
.ui-dialog-offcanvas .form-email:focus,
.ui-dialog-offcanvas .form-url:focus,
.ui-dialog-offcanvas .form-search:focus,
.ui-dialog-offcanvas .form-number:focus,
.ui-dialog-offcanvas .form-color:focus,
.ui-dialog-offcanvas .form-file:focus,
.ui-dialog-offcanvas .form-textarea:focus,
.ui-dialog-offcanvas .form-date:focus,
.ui-dialog-offcanvas .form-time:focus {
.ui-dialog-outside-in .form-text:focus,
.ui-dialog-outside-in .form-tel:focus,
.ui-dialog-outside-in .form-email:focus,
.ui-dialog-outside-in .form-url:focus,
.ui-dialog-outside-in .form-search:focus,
.ui-dialog-outside-in .form-number:focus,
.ui-dialog-outside-in .form-color:focus,
.ui-dialog-outside-in .form-file:focus,
.ui-dialog-outside-in .form-textarea:focus,
.ui-dialog-outside-in .form-date:focus,
.ui-dialog-outside-in .form-time:focus {
border-color: #40b6ff;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .125), 0 0 8px #40b6ff;
background-color: #fff;
}
.ui-dialog-offcanvas input[type="checkbox"],
.ui-dialog-offcanvas .checkbox,
.ui-dialog-offcanvas input[type="radio"],
.ui-dialog-offcanvas .radio {
.ui-dialog-outside-in input[type="checkbox"],
.ui-dialog-outside-in .checkbox,
.ui-dialog-outside-in input[type="radio"],
.ui-dialog-outside-in .radio {
position: static;
margin: 0;
}
.ui-dialog-offcanvas td .checkbox {
.ui-dialog-outside-in td .checkbox {
display: table-cell;
line-height: normal;
vertical-align: middle;
}
.ui-dialog-offcanvas .form-checkbox,
.ui-dialog-offcanvas .form-radio {
.ui-dialog-outside-in .form-checkbox,
.ui-dialog-outside-in .form-radio {
/* Add contrast for dark background. */
box-shadow: 0 0 2px 1px #000;
}
.ui-dialog-offcanvas input[type="radio"] {
.ui-dialog-outside-in input[type="radio"] {
/* Add full circular radius. */
border-radius: 50%;
}
.ui-dialog-offcanvas .form-actions {
.ui-dialog-outside-in .form-actions {
text-align: center;
}

48
core/modules/outside_in/css/outside_in.module.css
View file

@ -2,31 +2,6 @@
* @file
* Styling for Settings Tray module.
*/
/* Position the offcanvas tray container outside the right of the viewport. */
.ui-dialog-offcanvas {
box-sizing: border-box;
height: 100%;
overflow: visible;
}
/* Shift the main canvas to the right for right-to-left languages. */
[dir="rtl"] #main-canvas-wrapper.js-tray-open #main-canvas {
right: 0;
}
/* Wrap the form that's inside the offcanvas tray. */
.ui-dialog-offcanvas .ui-dialog-content {
padding: 0 20px;
/* Prevent horizontal scrollbar. */
overflow-x: hidden;
overflow-y: auto;
}
[dir="rtl"] .ui-dialog-offcanvas .ui-dialog-content {
text-align: right;
}
/*
* Position the edit toolbar tab.
* @todo Move changes into contextual module when Settings Tray is not
@ -38,3 +13,26 @@
[dir="rtl"] .toolbar .toolbar-bar .contextual-toolbar-tab.toolbar-tab {
float: right;
}
#main-canvas.js-outside-in-edit-mode a,
#main-canvas.js-outside-in-edit-mode input {
pointer-events: none;
}
#main-canvas.js-outside-in-edit-mode .contextual-links a {
pointer-events: inherit;
}
/*
* Force the tray to be 100% width at the same breakpoint the dialog system uses
* to expand dialog widths.
*/
@media all and (max-width: 48em) { /* 768px */
.ui-dialog.ui-dialog-offcanvas {
width: 100% !important;
}
/* When tray is at 100% width stop the body from scrolling */
.js-tray-open {
height: 100%;
overflow-y: hidden;
}
}

31
core/modules/outside_in/css/outside_in.motion.css
View file

@ -10,18 +10,6 @@
* file: https://www.drupal.org/node/2784443.
*/
/* Transition the offcanvas tray container, with 2s delay to match main canvas speed. */
#offcanvas {
-webkit-transition: all .7s ease 2s;
-moz-transition: all .7s ease 2s;
transition: all .7s ease 2s;
}
#main-canvas-wrapper #main-canvas,
#main-canvas-wrapper.js-tray-open #main-canvas {
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
transition: all .7s ease;
}
/* Transition the edit icon in the toolbar. */
#toolbar-bar.button.toolbar-icon.toolbar-icon.toolbar-icon-edit:before {
@ -31,9 +19,9 @@
}
/* Transition the editables on the page, their contextual links and their hover states. */
#main-canvas-wrapper .contextual,
#main-canvas-wrapper .js-outside-in-edit-mode .outside-in-editable,
#main-canvas-wrapper.js-tray-open .js-outside-in-edit-mode .outside-in-editable {
.dialog-offcanvas__main-canvas .contextual,
.dialog-offcanvas__main-canvas .js-outside-in-edit-mode .outside-in-editable,
.dialog-offcanvas__main-canvas.js-tray-open .js-outside-in-edit-mode .outside-in-editable {
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
transition: all .7s ease;
@ -47,19 +35,6 @@
transition: all .5s ease;
}
@media (max-width: 700px) {
#offcanvas {
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
transition: all .7s ease;
}
#main-canvas-wrapper.js-tray-open #offcanvas {
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
transition: all .7s ease;
}
}
/* Transition the administration tray.
#toolbar-administration,
#toolbar-administration * {

30
core/modules/outside_in/css/outside_in.table.css
View file

@ -3,7 +3,7 @@
* Visual styling for tables in the Settings Tray module's off canvas tray.
*/
.ui-dialog-offcanvas table {
.ui-dialog-outside-in table {
border: 0;
border-collapse: collapse;
min-width: 300px;
@ -13,7 +13,7 @@
margin-left: -20px;
margin-bottom: -10px;
}
.ui-dialog-offcanvas tr th {
.ui-dialog-outside-in tr th {
padding: 2px 4px;
background-color: transparent;
border: 0;
@ -22,15 +22,14 @@
color: #bbb;
text-align: left; /* LTR */
}
[dir="rtl"] .ui-dialog-offcanvas tr th {
[dir="rtl"] .ui-dialog-outside-in tr th {
text-align: right;
}
.ui-dialog-offcanvas tr,
.ui-dialog-offcanvas tr td {
.ui-dialog-outside-in tr,
.ui-dialog-outside-in tr td {
padding: 2px 4px;
height: 35px;
vertical-align: middle;
font-size: 13px;
text-align: left; /* LTR */
border: 0px;
border-style: solid;
@ -40,29 +39,28 @@
background-color: transparent;
font-size: 12px;
}
[dir="rtl"] .ui-dialog-offcanvas tr th,
[dir="rtl"] .ui-dialog-offcanvas tr td {
[dir="rtl"] .ui-dialog-outside-in tr th,
[dir="rtl"] .ui-dialog-outside-in tr td {
text-align: right;
}
.ui-dialog-offcanvas td a {
.ui-dialog-outside-in td a {
display: block;
max-width: 120px;
overflow: hidden;
}
.ui-dialog.ui-dialog-offcanvas tr td:first-child,
.ui-dialog.ui-dialog-offcanvas tr th:first-child {
min-width: 120px;
.ui-dialog.ui-dialog-outside-in tr td:first-child,
.ui-dialog.ui-dialog-outside-in tr th:first-child {
padding-left: 20px; /* LTR */
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
[dir="rtl"] .ui-dialog.ui-dialog-offcanvas tr td:first-child,
[dir="rtl"] .ui-dialog.ui-dialog-offcanvas tr th:first-child {
[dir="rtl"] .ui-dialog.ui-dialog-outside-in tr td:first-child,
[dir="rtl"] .ui-dialog.ui-dialog-outside-in tr th:first-child {
padding-right: 20px;
}
.ui-dialog-offcanvas tr.odd,
.ui-dialog-offcanvas tr.even {
.ui-dialog-outside-in tr.odd,
.ui-dialog-outside-in tr.even {
background-image: none;
background-color: transparent;
}

46
core/modules/outside_in/css/outside_in.tabledrag.css
View file

@ -8,40 +8,40 @@
/* Because base font sizes will vary widely across themes, to maintain consistency outside-in uses only pixels. */
.ui-dialog-offcanvas body.drag {
.ui-dialog-outside-in body.drag {
cursor: move;
}
.ui-dialog-offcanvas tr.region-title {
.ui-dialog-outside-in tr.region-title {
font-weight: normal;
}
.ui-dialog-offcanvas tr.region-message {
.ui-dialog-outside-in tr.region-message {
color: #fff;
}
.ui-dialog-offcanvas tr.region-populated {
.ui-dialog-outside-in tr.region-populated {
display: none;
}
.ui-dialog-offcanvas tr.add-new .tabledrag-changed {
.ui-dialog-outside-in tr.add-new .tabledrag-changed {
display: none;
}
.ui-dialog-offcanvas .draggable a.tabledrag-handle {
.ui-dialog-outside-in .draggable a.tabledrag-handle {
background-image: none;
margin: 0;
margin-left: 0; /* LTR */
margin-right: 5px; /* LTR */
height: auto;
min-width: 20px;
padding: 0px;
padding: 0;
overflow: hidden;
float: left; /* LTR */
text-decoration: none;
cursor: move;
}
[dir="rtl"] .ui-dialog-offcanvas .draggable a.tabledrag-handle {
[dir="rtl"] .ui-dialog-outside-in .draggable a.tabledrag-handle {
float: right;
margin-right: 0;
margin-left: 5px;
}
.ui-dialog-offcanvas a.tabledrag-handle .handle {
.ui-dialog-outside-in a.tabledrag-handle .handle {
/* Use lighter drag icon against dark background. */
background-image: url(../../../misc/icons/bebebe/move.svg);
background-repeat: no-repeat;
@ -51,54 +51,54 @@
padding: 0;
width: auto;
}
.ui-dialog-offcanvas .draggable a.tabledrag-handle:hover .handle,
.ui-dialog-offcanvas .draggable a.tabledrag-handle:focus .handle {
.ui-dialog-outside-in .draggable a.tabledrag-handle:hover .handle,
.ui-dialog-outside-in .draggable a.tabledrag-handle:focus .handle {
background-image: url(../../../misc/icons/787878/move.svg);
text-decoration: none;
}
.ui-dialog-offcanvas .touchevents .draggable td {
.ui-dialog-outside-in .touchevents .draggable td {
padding: 0 10px;
}
.ui-dialog-offcanvas .touchevents .draggable .menu-item__link {
.ui-dialog-outside-in .touchevents .draggable .menu-item__link {
display: inline-block;
padding: 10px 0;
}
.ui-dialog-offcanvas .touchevents a.tabledrag-handle {
.ui-dialog-outside-in .touchevents a.tabledrag-handle {
height: 44px;
width: 40px;
}
.ui-dialog-offcanvas .touchevents a.tabledrag-handle .handle {
.ui-dialog-outside-in .touchevents a.tabledrag-handle .handle {
background-position: 40% 19px; /* LTR */
height: 21px;
}
[dir="rtl"] .ui-dialog-offcanvas .touch a.tabledrag-handle .handle {
[dir="rtl"] .ui-dialog-outside-in .touch a.tabledrag-handle .handle {
background-position: right 40% top 19px;
}
.ui-dialog-offcanvas .touchevents .draggable.drag a.tabledrag-handle .handle {
.ui-dialog-outside-in .touchevents .draggable.drag a.tabledrag-handle .handle {
background-position: 50% -32px;
}
.ui-dialog-offcanvas .tabledrag-toggle-weight-wrapper {
.ui-dialog-outside-in .tabledrag-toggle-weight-wrapper {
text-align: right; /* LTR */
}
[dir="rtl"] .ui-dialog-offcanvas .tabledrag-toggle-weight-wrapper {
[dir="rtl"] .ui-dialog-outside-in .tabledrag-toggle-weight-wrapper {
text-align: left;
}
.ui-dialog-offcanvas .indentation {
.ui-dialog-outside-in .indentation {
float: left; /* LTR */
height: auto;
margin: 0 3px 0 -10px; /* LTR */
padding: 0 0 0 10px; /* LTR */
width: auto;
}
[dir="rtl"] .ui-dialog-offcanvas .indentation {
[dir="rtl"] .ui-dialog-outside-in .indentation {
float: right;
margin: 0 -10px 0 3px;
padding: 0 10px 0 0;
}
.ui-dialog-offcanvas tr.drag {
.ui-dialog-outside-in tr.drag {
background-color: #555;
}
.ui-dialog-offcanvas tr.drag-previous {
.ui-dialog-outside-in tr.drag-previous {
background-color: #000;
}

125
core/modules/outside_in/css/outside_in.theme.css
View file

@ -60,19 +60,19 @@
}
/* Style the editables while in edit mode. */
#main-canvas.js-outside-in-edit-mode .outside-in-editable {
.dialog-offcanvas__main-canvas.js-outside-in-edit-mode .outside-in-editable {
outline: 1px dashed rgba(0,0,0,0.5);
box-shadow: 0 0 0 1px rgba(255,255,255,0.7);
}
#main-canvas.js-outside-in-edit-mode .outside-in-editable:hover,
#main-canvas.js-outside-in-edit-mode .outside-in-editable.outside-in-active-editable {
.dialog-offcanvas__main-canvas.js-outside-in-edit-mode .outside-in-editable:hover,
.dialog-offcanvas__main-canvas.js-outside-in-edit-mode .outside-in-editable.outside-in-active-editable {
background-color: rgba(0,0,0,0.2);
}
/* Style the offcanvas container. */
.ui-dialog-offcanvas {
/* Style the dialog-offcanvas container. */
.ui-dialog-outside-in {
background: #444;
border: 0px solid transparent;
border: 0 solid transparent;
border-radius: 0;
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.3333);
padding: 0;
@ -82,20 +82,20 @@
}
/* Style content in the tray. */
.ui-dialog-offcanvas p,
.ui-dialog-offcanvas h1,
.ui-dialog-offcanvas h2,
.ui-dialog-offcanvas h3,
.ui-dialog-offcanvas h4,
.ui-dialog-offcanvas h5,
.ui-dialog-offcanvas h6,
.ui-dialog-offcanvas pre,
.ui-dialog-offcanvas legend,
.ui-dialog-offcanvas cite,
.ui-dialog-offcanvas span,
.ui-dialog-offcanvas summary,
.ui-dialog-offcanvas details,
.ui-dialog-offcanvas .form-item {
.ui-dialog-outside-in p,
.ui-dialog-outside-in h1,
.ui-dialog-outside-in h2,
.ui-dialog-outside-in h3,
.ui-dialog-outside-in h4,
.ui-dialog-outside-in h5,
.ui-dialog-outside-in h6,
.ui-dialog-outside-in pre,
.ui-dialog-outside-in legend,
.ui-dialog-outside-in cite,
.ui-dialog-outside-in span,
.ui-dialog-outside-in summary,
.ui-dialog-outside-in details,
.ui-dialog-outside-in .form-item {
color: #ddd;
font-family: "Lucida Grande", 'Lucida Sans Unicode','liberation sans', sans-serif;
font-size: 14px;
@ -103,8 +103,8 @@
background-color: transparent;
text-shadow: none;
}
.ui-dialog-offcanvas a,
.ui-dialog-offcanvas .link {
.ui-dialog-outside-in a,
.ui-dialog-outside-in .link {
border-bottom: none;
font-family: "Lucida Grande", 'Lucida Sans Unicode','liberation sans', sans-serif;
font-size: 14px;
@ -113,16 +113,16 @@
text-decoration: none;
transition: color .5s ease;
}
.ui-dialog-offcanvas a:focus,
.ui-dialog-offcanvas .link:focus,
.ui-dialog-offcanvas a:hover,
.ui-dialog-offcanvas .link:hover {
.ui-dialog-outside-in a:focus,
.ui-dialog-outside-in .link:focus,
.ui-dialog-outside-in a:hover,
.ui-dialog-outside-in .link:hover {
outline: none;
color: #46a0f5;
}
/* Style the tray header. */
.ui-dialog-offcanvas .ui-dialog-titlebar {
.ui-dialog-outside-in .ui-dialog-titlebar {
padding: 20px;
background: #2d2d2d;
border: 0;
@ -131,11 +131,10 @@
font-weight: normal;
color: #fff;
}
.ui-dialog-offcanvas .ui-dialog-titlebar-close {
.ui-dialog-outside-in .ui-dialog-titlebar-close {
background-image: url(../../../misc/icons/bebebe/ex.svg);
background-position-x: center;
background-position: center center;
background-repeat: no-repeat;
background-position-y: center;
background-color: transparent;
border: 0;
position: absolute;
@ -143,14 +142,14 @@
-moz-transition: all .5s ease;
transition: background .5s ease;
}
.ui-dialog-offcanvas .ui-dialog-titlebar-close:hover {
.ui-dialog-outside-in .ui-dialog-titlebar-close:hover {
background-image: url(../../../misc/icons/ffffff/ex.svg);
}
[dir="rtl"] .ui-dialog-offcanvas .ui-dialog-titlebar-close {
[dir="rtl"] .ui-dialog-outside-in .ui-dialog-titlebar-close {
left: 20px;
right: auto;
}
.ui-dialog-offcanvas .ui-dialog-title {
.ui-dialog-outside-in .ui-dialog-title {
font-size: 16px;
margin: 0;
/* Push the text away from the icon. */
@ -160,12 +159,12 @@
max-width: 210px;
text-align: left; /* LTR */
}
[dir="rtl"] .ui-dialog-offcanvas .ui-dialog-title {
[dir="rtl"] .ui-dialog-outside-in .ui-dialog-title {
text-align: right;
padding-left: 0px;
padding-right: 0px;
}
.ui-dialog-offcanvas .ui-dialog-title:before {
.ui-dialog-outside-in .ui-dialog-title:before {
background: transparent url(../../../misc/icons/ffffff/pencil.svg) no-repeat scroll center center;
background-size: 100% auto;
content: '';
@ -176,7 +175,7 @@
top: 0;
width: 20px;
}
[dir="rtl"] .ui-dialog-offcanvas .ui-dialog-title:before {
[dir="rtl"] .ui-dialog-outside-in .ui-dialog-title:before {
left: auto;
right: 20px;
}
@ -191,7 +190,7 @@
color: #333;
}
/* Hide the defauld Jquery UI dialog close button. */
.ui-dialog-offcanvas .ui-icon-closethick {
.ui-dialog-outside-in .ui-icon-closethick {
visibility: hidden;
}
@ -199,18 +198,18 @@
/**
* Visual styling for buttons in the Settings Tray module's off canvas tray.
* @todo Move to it's own component:
* @todo Move to its own component:
* https://www.drupal.org/node/1945262.
*/
.ui-dialog-offcanvas button.link {
.ui-dialog-outside-in button.link {
background: transparent;
border: 0;
cursor: pointer;
margin: 0;
padding: 0;
}
.ui-dialog-offcanvas .button {
.ui-dialog-outside-in .button {
width: 100%;
height: auto;
margin: 1em auto;
@ -221,39 +220,39 @@
color: #fff;
transition: all .5s ease;
}
.ui-dialog-offcanvas .button:hover,
.ui-dialog-offcanvas .button:focus {
.ui-dialog-outside-in .button:hover,
.ui-dialog-outside-in .button:focus {
background: #888;
}
.ui-dialog-offcanvas .button--primary {
.ui-dialog-outside-in .button--primary {
background: #277abd none;
border: none;
color: #fff;
transition: all .5s ease;
}
.ui-dialog-offcanvas .button--primary:hover,
.ui-dialog-offcanvas .button--primary:focus {
.ui-dialog-outside-in .button--primary:hover,
.ui-dialog-outside-in .button--primary:focus {
background: #2b8bd8;
}
/*
* Visual styling for dropbutton in the Settings Tray module's off canvas tray.
* @todo Move to it's own component:
* @todo Move to its own component:
* https://www.drupal.org/node/1945262.
*/
.ui-dialog-offcanvas .dropbutton-widget {
.ui-dialog-outside-in .dropbutton-widget {
background: #7b7b7b none;
border: 0;
border-radius: 1em;
color: #eee;
transition: background .5s ease;
}
.ui-dialog-offcanvas .dropbutton-widget:hover {
.ui-dialog-outside-in .dropbutton-widget:hover {
box-shadow: 0 2px 2px 1px rgba(0,0,0,0.5);
}
.ui-dialog-offcanvas .dropbutton-toggle button {
.ui-dialog-outside-in .dropbutton-toggle button {
background: #7b7b7b none;
border-bottom-right-radius: 1em; /* LTR */
border-top-right-radius: 1em; /* LTR */
@ -262,37 +261,37 @@
border-left-width: 1px; /* LTR */
transition: background .5s ease;
}
[dir="rtl"] .ui-dialog-offcanvas .dropbutton-toggle button {
[dir="rtl"] .ui-dialog-outside-in .dropbutton-toggle button {
border-radius: 0;
border-bottom-left-radius: 1em;
border-top-left-radius: 1em;
border-width: 0;
border-right-width: 1px;
}
.ui-dialog-offcanvas .dropbutton .dropbutton-action:hover,
.ui-dialog-offcanvas .dropbutton a:hover {
.ui-dialog-outside-in .dropbutton .dropbutton-action:hover,
.ui-dialog-outside-in .dropbutton a:hover {
background: #6b6b6b none;
border-bottom-left-radius: 1em; /* LTR */
border-top-left-radius: 1em; /* LTR */
}
[dir="rtl"] .ui-dialog-offcanvas .dropbutton .dropbutton-action:hover,
[dir="rtl"] .ui-dialog-offcanvas .dropbutton a:hover {
[dir="rtl"] .ui-dialog-outside-in .dropbutton .dropbutton-action:hover,
[dir="rtl"] .ui-dialog-outside-in .dropbutton a:hover {
border-radius: 0;
border-bottom-right-radius: 1em;
border-top-right-radius: 1em;
}
.ui-dialog-offcanvas .dropbutton a {
.ui-dialog-outside-in .dropbutton a {
padding: 0.1em 0.8em;
color: #eee;
font-size: 90%;
line-height: 1.8;
transition: all .5s ease;
}
.ui-dialog-offcanvas .dropbutton:hover a {
.ui-dialog-outside-in .dropbutton:hover a {
color: #fff;
}
/* Make an arrow out of borders with some fancy CSS. */
.ui-dialog-offcanvas span.dropbutton-arrow {
.ui-dialog-outside-in span.dropbutton-arrow {
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
@ -309,21 +308,19 @@
overflow: hidden;
color: #fff;
}
.js .dropbutton-toggle .dropbutton-arrow:hover {
.js .ui-dialog-outside-in .dropbutton-toggle .dropbutton-arrow:hover {
background: transparent;
}
.ui-dialog-offcanvas td .dropbutton-multiple {
.ui-dialog-outside-in td .dropbutton-multiple {
padding-right: 0;
}
[dir="rtl"].ui-dialog-offcanvas td .dropbutton-multiple {
[dir="rtl"].ui-dialog-outside-in td .dropbutton-multiple {
padding-left: 0;
}
.ui-dialog-offcanvas td .dropbutton-multiple .dropbutton {
.ui-dialog-outside-in td .dropbutton-multiple .dropbutton {
border-right: 0;
border-left: 0;
}
.ui-dialog-offcanvas td .dropbutton .secondary-action {
.ui-dialog-outside-in td .dropbutton .secondary-action {
border-top-color: #000;
}