Commit b0feb8b9 authored by m26lebla's avatar m26lebla

additional css for the hover and active state of the buttons

parent dd6e9382
......@@ -4415,21 +4415,19 @@ fieldset,
display: flex; }
.uw-tablinks {
border-left: 0.5px solid #fff;
border-right: 0.5px solid #fff;
margin: 0;
border-bottom: 0.4rem solid #fff;
margin: 0 0 0 0.15rem;
max-width: inherit; }
.uw-tablinks:first-child {
border-left: 0.5px solid #eee; }
.uw-tablinks:hover, .uw-tablinks:focus {
border-left: 0.5px solid #fff;
border-right: 0.5px solid #fff; }
.uw-tablinks[aria-selected="true"] {
background: #eee;
border-bottom: 0.4rem solid #4e4e4e;
color: #4e4e4e; }
.uw-tablinks[aria-selected="true"]:hover {
border-bottom: 0.4rem solid #ddd; }
.uw-tablinks:hover {
border-bottom: 0.4rem solid #fff; }
.uw-tabcontent[role="tabpanel"] {
background: #eee;
display: flex;
flex-flow: row wrap;
padding-top: 1rem; }
......
......@@ -115,6 +115,7 @@
(function ($, Drupal) {
Drupal.behaviors.multitypelist = {
attach: function (context, settings) {
window.addEventListener("DOMContentLoaded", () => {
const tabs = document.querySelectorAll('[role="tab"]');
const tabList = document.querySelector('[role="tablist"]');
......
......@@ -9,25 +9,23 @@
}
//button
.uw-tablinks {
border-left: 0.5px solid #fff;
border-right: 0.5px solid #fff;
margin:0;
border-bottom: 0.4rem solid #fff;
margin:0 0 0 0.15rem;
max-width: inherit;
&:first-child{
border-left: 0.5px solid $button-background-color-hover;
}
&:hover,
&:focus{
border-left: 0.5px solid #fff;
border-right: 0.5px solid #fff;
}
&[aria-selected="true"] {
background: $button-background-color-hover;
border-bottom: 0.4rem solid $button-text-color-hover;
color: $button-text-color-hover;
&:hover{
border-bottom: 0.4rem solid #ddd;
}
}
&:hover{
border-bottom: 0.4rem solid #fff;
}
}
.uw-tabcontent[role="tabpanel"] {
background: $button-background-color-hover;
display:flex;
flex-flow: row wrap;
padding-top:1rem;
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment