Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/twbs/bootstrap.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorlouismaxime.piton <louismaxime.piton@orange.com>2022-03-24 20:13:11 +0300
committerMark Otto <otto@github.com>2022-04-13 04:36:50 +0300
commit3984ebb4073a2a9f0b922ab196f3d85600c30c7f (patch)
treec8b3af00065e934fa20f7f35ff0416ad8c7e5899
parent36e75f63559396c1e608c9d6599a0b9ca7512d8d (diff)
Fix proposal
-rw-r--r--scss/_button-group.scss1
-rw-r--r--site/content/docs/5.1/components/dropdowns.md40
2 files changed, 19 insertions, 22 deletions
diff --git a/scss/_button-group.scss b/scss/_button-group.scss
index 47f0c1349a..f78b8c1011 100644
--- a/scss/_button-group.scss
+++ b/scss/_button-group.scss
@@ -44,6 +44,7 @@
// Reset rounded corners
> .btn:not(:last-child):not(.dropdown-toggle),
+ > .btn.dropdown-toggle-split:first-child,
> .btn-group:not(:last-child) > .btn {
@include border-end-radius(0);
}
diff --git a/site/content/docs/5.1/components/dropdowns.md b/site/content/docs/5.1/components/dropdowns.md
index ab34477563..75568677f4 100644
--- a/site/content/docs/5.1/components/dropdowns.md
+++ b/site/content/docs/5.1/components/dropdowns.md
@@ -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>
</ul>
</div>
- <div class="btn-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">
- <span class="visually-hidden">Toggle Dropstart</span>
- </button>
- <ul class="dropdown-menu">
- <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="#">Something else here</a></li>
- <li><hr class="dropdown-divider"></li>
- <li><a class="dropdown-item" href="#">Separated link</a></li>
- </ul>
- </div>
+ <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">
+ <span class="visually-hidden">Toggle Dropstart</span>
+ </button>
+ <ul class="dropdown-menu">
+ <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="#">Something else here</a></li>
+ <li><hr class="dropdown-divider"></li>
+ <li><a class="dropdown-item" href="#">Separated link</a></li>
+ </ul>
<button type="button" class="btn btn-secondary">
Split dropstart
</button>
@@ -600,15 +598,13 @@ Trigger dropdown menus at the left of the elements by adding `.dropstart` to the
</div>
<!-- Split dropstart button -->
-<div class="btn-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">
- <span class="visually-hidden">Toggle Dropstart</span>
- </button>
- <ul class="dropdown-menu">
- <!-- Dropdown menu links -->
- </ul>
- </div>
+<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">
+ <span class="visually-hidden">Toggle Dropstart</span>
+ </button>
+ <ul class="dropdown-menu">
+ <!-- Dropdown menu links -->
+ </ul>
<button type="button" class="btn btn-secondary">
Split dropstart
</button>