- Issue created by @alabandit
- Status changed to Closed: outdated
over 1 year ago 3:33pm 23 September 2023
It looks like the HTML has been edited so tabs no longer appear Horizontal as some CSS is not being attached.
Go to:
/admin/structure/types/manage/article/display
Tabs are verticle
I'm not certain this is consistent across all tab areas so I have added two style edits to catch the ones that don't seem to be attaching.
I have added a margin to the right of the tabs so that they don't overlap.
I have also duplicated all the CSS from:
tabs.css > tabs-full.css
But not sure if there's a better plan here, like a hamburger menu for mobile.
/**
* @file
* Theme styling for tabs.
*/
nav.tabs {
margin-bottom: 1rem;
}
ul.nav-tabs,
nav.tabs ul {
background: #e9ecef;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
li.nav-item {
flex-grow: 1;
}
nav.tabs ul .nav-item {
margin-right: 30px;
}
nav.tabs ul .nav-item a {
color: #303030;
text-align: center;
}
nav.tabs ul .nav-item.active a {
background: #303030;
color: #e9ecef;
}
Closed: outdated
5.5
User interface