@@ -157,6 +157,7 @@ nav.admin-toolbar {
157157 color : hsl (0 , 0% , 100% , 0.7 );
158158 padding : 5px 10px ;
159159 justify-content : normal;
160+ margin : 0 -12px ;
160161
161162 svg {
162163 padding-right : 3px ;
@@ -168,6 +169,24 @@ nav.admin-toolbar {
168169 padding : 0 10px ;
169170 }
170171}
172+ div .impersonate-bar {
173+ background-color : var (--bs-danger-bg-subtle );
174+ color : var (--bs-danger-text-emphasis );
175+ border-bottom : 1px solid var (--bs-danger-border-subtle );
176+ padding : 5px 10px ;
177+ justify-content : normal;
178+ margin : 0 -12px ;
179+
180+ svg {
181+ padding-right : 3px ;
182+ fill : var (--bs-danger-text-emphasis );
183+ }
184+
185+ a {
186+ color : var (--bs-danger-text-emphasis );
187+ padding : 0 10px ;
188+ }
189+ }
171190
172191.card-title {
173192 a {
@@ -182,3 +201,44 @@ nav.admin-toolbar {
182201 margin-bottom : 1.25rem ;
183202 color : # 727272 ;
184203}
204+ @keyframes appear-then-fade {
205+ 0% , 100% {
206+ opacity : 0
207+ }
208+ 5% , 60% {
209+ opacity : 1
210+ }
211+ }
212+ .flash {
213+ position : fixed;
214+ top : 11rem ;
215+ left : 50% ;
216+ transform : translateX (-50% );
217+
218+ display : flex;
219+ flex-direction : column;
220+ align-items : center;
221+ gap : var (--space-s );
222+
223+ max-width : 100% ;
224+ width : max-content;
225+ padding : 0 var (--space-m );
226+ }
227+ .flash__message {
228+ font-size : var (--font-size-s );
229+ color : var (--bs-primary-text-emphasis );
230+ padding : var (--space-xs ) var (--space-m );
231+ background-color : var (--bs-primary-bg-subtle );
232+ animation : appear-then-fade 4s both;
233+ border-radius : 5px ;
234+ }
235+ .flash__alert {
236+ color : var (--bs-danger-text-emphasis );
237+ background-color : var (--bs-danger-bg-subtle );
238+ border : 1px solid var (--bs-danger-border-subtle );
239+ }
240+ .flash__notice {
241+ color : var (--bs-success-text-emphasis );
242+ background-color : var (--bs-success-bg-subtle );
243+ border : 1px solid var (--bs-success-border-subtle );
244+ }
0 commit comments