feat: remove extra dropdown CSS properties (#51513)

This commit is contained in:
Muhammed Mustafa
2023-09-19 21:33:22 +03:00
committed by GitHub
parent bd460ecabf
commit decf7251ac
3 changed files with 3 additions and 53 deletions

View File

@@ -254,13 +254,10 @@ input[type='submit']:hover,
.btn-primary:hover,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
.btn-primary.active.focus {
background-color: var(--secondary-color);
color: var(--secondary-background);
}
@@ -485,36 +482,11 @@ hr {
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.open > .dropdown-toggle.btn-primary:hover {
.btn-primary.active {
background-color: var(--secondary-color);
color: var(--secondary-background);
}
.open > .dropdown-menu {
border-radius: 0;
}
.dropdown-menu {
background-color: var(--secondary-color);
}
.dropdown,
.dropdown > .dropdown-menu {
width: 100%;
}
.dropdown-menu > li > a {
color: var(--secondary-background);
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: var(--secondary-color);
background-color: var(--secondary-background);
}
.table-striped > tbody > tr:nth-child(2n + 1) > td,
.table-striped > tbody > tr:nth-child(2n + 1) > th {
background-color: var(--tertiary-background);

View File

@@ -87,14 +87,6 @@ and menu secion
overflow-x: inherit;
}
/*
dropdown links
*/
[dir='rtl'] .dropdown-menu {
text-decoration-skip-ink: all;
}
/*
New RWD project challenge
*/

View File

@@ -17,8 +17,7 @@
bottom: 0;
}
.tool-panel-group-mobile > .btn-block,
.tool-panel-group-mobile > .dropdown > .btn-block {
.tool-panel-group-mobile > .btn-block {
margin: 0 2px 0 0;
padding: 5px 0;
}
@@ -42,16 +41,3 @@
.tool-panel-group-mobile *:focus-visible {
outline-offset: -3px;
}
.tool-panel-group .dropdown-menu {
top: auto;
bottom: 100%;
width: calc(100% + 2px);
text-align: center;
min-width: 240px;
left: -1px;
}
.tool-panel-group .dropdown-menu a {
padding: 0.5rem;
}