rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-29 21:52:22 +01:00
Code Issues Actions Packages Releases Activity

Fix proposal

Browse Source
This commit is contained in:
louismaxime.piton 2022-03-24 18:13:11 +01:00 committed by Mark Otto
parent 36e75f6355
commit 3984ebb407
2 changed files with 19 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
scss/_button-group.scss
View File

@ -44,6 +44,7 @@
// Reset rounded corners // Reset rounded corners
> .btn:not(:last-child):not(.dropdown-toggle), > .btn:not(:last-child):not(.dropdown-toggle),
> .btn.dropdown-toggle-split:first-child,
> .btn-group:not(:last-child) > .btn { > .btn-group:not(:last-child) > .btn {
@include border-end-radius(0); @include border-end-radius(0);
} }

40
site/content/docs/5.1/components/dropdowns.md
View File

@ -569,19 +569,17 @@ Trigger dropdown menus at the left of the elements by adding `.dropstart` to the
<li><a class="dropdown-item" href="#">Separated link</a></li> <li><a class="dropdown-item" href="#">Separated link</a></li>
</ul> </ul>
</div> </div>
<div class="btn-group"> <div class="btn-group dropstart" role="group">
<div class="btn-group dropstart" role="group"> <button type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
<button type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false"> <span class="visually-hidden">Toggle Dropstart</span>
<span class="visually-hidden">Toggle Dropstart</span> </button>
</button> <ul class="dropdown-menu">
<ul class="dropdown-menu"> <li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Action</a></li> <li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li> <li><a class="dropdown-item" href="#">Something else here</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li> <li><hr class="dropdown-divider"></li>
<li><hr class="dropdown-divider"></li> <li><a class="dropdown-item" href="#">Separated link</a></li>
<li><a class="dropdown-item" href="#">Separated link</a></li> </ul>
</ul>
</div>
<button type="button" class="btn btn-secondary"> <button type="button" class="btn btn-secondary">
Split dropstart Split dropstart
</button> </button>
@ -600,15 +598,13 @@ Trigger dropdown menus at the left of the elements by adding `.dropstart` to the
</div> </div>
<!-- Split dropstart button --> <!-- Split dropstart button -->
<div class="btn-group"> <div class="btn-group dropstart" role="group">
<div class="btn-group dropstart" role="group"> <button type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
<button type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false"> <span class="visually-hidden">Toggle Dropstart</span>
<span class="visually-hidden">Toggle Dropstart</span> </button>
</button> <ul class="dropdown-menu">
<ul class="dropdown-menu"> <!-- Dropdown menu links -->
<!-- Dropdown menu links --> </ul>
</ul>
</div>
<button type="button" class="btn btn-secondary"> <button type="button" class="btn btn-secondary">
Split dropstart Split dropstart
</button> </button>