.ajax-progress,
.ajax-progress-throbber,
.ajax-progress-fullscreen {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
-webkit-border-radius: 0;
border-radius: 0;
opacity: 1;
background: rgba(255, 255, 255, 0.8);
position: fixed;
top: 0;
left: 0;
z-index: 999999;
overflow: hidden;
text-indent: -99999em;
}
.ajax-progress-throbber:before,
.ajax-progress-fullscreen:before {
content: " ";
display: block;
width: 120px;
height: 120px;
-webkit-animation: spin 0.8s infinite linear;
animation: spin 0.8s infinite linear;
border-radius: 120px;
border-width: 10px;
border-style: solid;
border-color: #D6232F transparent #D6232F transparent;
overflow: hidden;
text-indent: -99999em;
margin: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@-webkit-keyframes spin {
to {
transform: rotate(360deg);
}
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
Edit menu--main.html.twig template file {# /** * @file * Bootstrap Barrio's override to display a menu. * * Available variables: * - menu_name: The machine name of the menu. * - items: A nested list of menu items. Each menu item contains: * - attributes: HTML attributes for the menu item. * - below: The menu item child items. * - title: The menu link title. * - url: The menu link url, instance of \Drupal\Core\Url * - localized_options: Menu link localized options. * - is_expanded: TRUE if the link has visible children within the current * menu tree. * - is_collapsed: TRUE if the link has children within the current menu tree * that are not currently visible. * - in_active_trail: TRUE if the link is in the active trail. */ #} {% import _self as menus...
Comments
Post a Comment