comparison core/modules/quickedit/css/quickedit.theme.css @ 14:1fec387a4317

Update Drupal core to 8.5.2 via Composer
author Chris Cannam
date Mon, 23 Apr 2018 09:46:53 +0100
parents 4c8ae668cc8c
children af1871eacc83
comparison
equal deleted inserted replaced
13:5fb285c0d0e3 14:1fec387a4317
24 .quickedit-field .quickedit-changed { 24 .quickedit-field .quickedit-changed {
25 box-shadow: 0 0 0 1px #fec17e, 0 0 0 2px #f7870a; 25 box-shadow: 0 0 0 1px #fec17e, 0 0 0 2px #f7870a;
26 } 26 }
27 .quickedit-editing.quickedit-validation-error, 27 .quickedit-editing.quickedit-validation-error,
28 .quickedit-form.quickedit-validation-error { 28 .quickedit-form.quickedit-validation-error {
29 box-shadow: 0 0 0px 1px #ee8b74, 0 0 0 2px #fa2209; 29 box-shadow: 0 0 0 1px #ee8b74, 0 0 0 2px #fa2209;
30 } 30 }
31 .quickedit-editing.quickedit-editor-is-popup { 31 .quickedit-editing.quickedit-editor-is-popup {
32 box-shadow: none; 32 box-shadow: none;
33 } 33 }
34 .quickedit-form .form-item .error { 34 .quickedit-form .form-item .error {
43 } 43 }
44 .quickedit-form .form-item { 44 .quickedit-form .form-item {
45 margin: 0; 45 margin: 0;
46 } 46 }
47 .quickedit-form .form-wrapper { 47 .quickedit-form .form-wrapper {
48 margin: .5em; 48 margin: 0.5em;
49 } 49 }
50 50
51 /** 51 /**
52 * Animations. 52 * Animations.
53 */ 53 */
54 .quickedit-animate-invisible { 54 .quickedit-animate-invisible {
55 opacity: 0; 55 opacity: 0;
56 } 56 }
57 .quickedit-animate-default { 57 .quickedit-animate-default {
58 -webkit-transition: all .4s ease; 58 -webkit-transition: all 0.4s ease;
59 transition: all .4s ease; 59 transition: all 0.4s ease;
60 } 60 }
61 .quickedit-animate-slow { 61 .quickedit-animate-slow {
62 -webkit-transition: all .6s ease; 62 -webkit-transition: all 0.6s ease;
63 transition: all .6s ease; 63 transition: all 0.6s ease;
64 } 64 }
65 .quickedit-animate-delay-veryfast { 65 .quickedit-animate-delay-veryfast {
66 -webkit-transition-delay: .05s; 66 -webkit-transition-delay: 0.05s;
67 transition-delay: .05s; 67 transition-delay: 0.05s;
68 } 68 }
69 .quickedit-animate-delay-fast { 69 .quickedit-animate-delay-fast {
70 -webkit-transition-delay: .2s; 70 -webkit-transition-delay: 0.2s;
71 transition-delay: .2s; 71 transition-delay: 0.2s;
72 } 72 }
73 .quickedit-animate-disable-width { 73 .quickedit-animate-disable-width {
74 -webkit-transition: width 0s; 74 -webkit-transition: width 0s;
75 transition: width 0s; 75 transition: width 0s;
76 } 76 }
77 .quickedit-animate-only-visibility { 77 .quickedit-animate-only-visibility {
78 -webkit-transition: opacity .2s ease; 78 -webkit-transition: opacity 0.2s ease;
79 transition: opacity .2s ease; 79 transition: opacity 0.2s ease;
80 } 80 }
81 81
82 /** 82 /**
83 * In-place editors that don't use a popup. 83 * In-place editors that don't use a popup.
84 */ 84 */
85 .quickedit-validation-errors .messages.error { 85 .quickedit-validation-errors .messages.error {
86 box-shadow: 0 0 1px 1px red, 0 0 3px 3px rgba(153, 153, 153, .5); 86 box-shadow: 0 0 1px 1px red, 0 0 3px 3px rgba(153, 153, 153, 0.5);
87 background-color: white; 87 background-color: white;
88 } 88 }
89 89
90 /** 90 /**
91 * Styling specific to the 'form' in-place editor. 91 * Styling specific to the 'form' in-place editor.
105 -webkit-transition: all 1s; 105 -webkit-transition: all 1s;
106 transition: all 1s; 106 transition: all 1s;
107 } 107 }
108 .quickedit-toolbar-container > .quickedit-toolbar-content { 108 .quickedit-toolbar-container > .quickedit-toolbar-content {
109 background-image: -webkit-linear-gradient(top, #fff, #e4e4e4); 109 background-image: -webkit-linear-gradient(top, #fff, #e4e4e4);
110 background-image: linear-gradient(to bottom, #fff, #e4e4e4); 110 background-image: linear-gradient(to bottom, #fff, #e4e4e4);
111 box-sizing: border-box; 111 box-sizing: border-box;
112 color: black; 112 color: black;
113 padding: 0.1667em; 113 padding: 0.1667em;
114 position: relative; 114 position: relative;
115 -webkit-user-select: none; 115 -webkit-user-select: none;
119 z-index: 2; 119 z-index: 2;
120 } 120 }
121 .quickedit-toolbar-container > .quickedit-toolbar-pointer { 121 .quickedit-toolbar-container > .quickedit-toolbar-pointer {
122 background-color: #e4e4e4; 122 background-color: #e4e4e4;
123 bottom: 2px; 123 bottom: 2px;
124 box-shadow: 0 0 0 1px #818181, 0px 0px 0 4px rgba(150, 150, 150, 0.5); 124 box-shadow: 0 0 0 1px #818181, 0 0 0 4px rgba(150, 150, 150, 0.5);
125 display: block; 125 display: block;
126 height: 16px; 126 height: 16px;
127 left: 18px; /* LTR */ 127 left: 18px; /* LTR */
128 position: absolute; 128 position: absolute;
129 -webkit-transform: rotate(45deg); 129 -webkit-transform: rotate(45deg);
140 bottom: auto; 140 bottom: auto;
141 top: 2px; 141 top: 2px;
142 } 142 }
143 .quickedit-toolbar-container > .quickedit-toolbar-lining { 143 .quickedit-toolbar-container > .quickedit-toolbar-lining {
144 bottom: 7px; 144 bottom: 7px;
145 box-shadow: 0 0 0 1px #818181, 0px 3px 0px 1px rgba(150, 150, 150, 0.5); 145 box-shadow: 0 0 0 1px #818181, 0 3px 0 1px rgba(150, 150, 150, 0.5);
146 display: block; 146 display: block;
147 left: 0; 147 left: 0;
148 position: absolute; 148 position: absolute;
149 right: 0; 149 right: 0;
150 top: 7px; 150 top: 7px;
206 cursor: pointer; 206 cursor: pointer;
207 display: inline-block; 207 display: inline-block;
208 margin: 0; 208 margin: 0;
209 opacity: 1; 209 opacity: 1;
210 padding: 0.345em; 210 padding: 0.345em;
211 -webkit-transition: opacity .1s ease; 211 -webkit-transition: opacity 0.1s ease;
212 transition: opacity .1s ease; 212 transition: opacity 0.1s ease;
213 } 213 }
214 .quickedit-button[aria-hidden="true"] { 214 .quickedit-button[aria-hidden="true"] {
215 visibility: hidden; 215 visibility: hidden;
216 opacity: 0; 216 opacity: 0;
217 } 217 }
235 } 235 }
236 .quickedit-button.action-save { 236 .quickedit-button.action-save {
237 color: white; 237 color: white;
238 background-color: #50a0e9; 238 background-color: #50a0e9;
239 background-image: -webkit-linear-gradient(top, #50a0e9, #4481dc); 239 background-image: -webkit-linear-gradient(top, #50a0e9, #4481dc);
240 background-image: linear-gradient(to bottom, #50a0e9, #4481dc); 240 background-image: linear-gradient(to bottom, #50a0e9, #4481dc);
241 border: 1px solid transparent; 241 border: 1px solid transparent;
242 } 242 }
243 .quickedit-button.action-save:hover, 243 .quickedit-button.action-save:hover,
244 .quickedit-button.action-save:active { 244 .quickedit-button.action-save:active {
245 border: 1px solid #a0a0a0; 245 border: 1px solid #a0a0a0;