github/karma
1
0
Fork 0
mirror of https://github.com/prymitive/karma synced 2026-05-05 03:16:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): set min-width on alert menu button

Browse Source 
This makes buttons less likely to have a unique width. Alert labels will be better aligned.
This commit is contained in:
Łukasz Mierzwa
2020-05-01 18:14:08 +01:00
committed by Łukasz Mierzwa
parent c857573ac1
commit c4f4f6cff8
3 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/AlertMenu.js
View File

@@ -121,7 +121,7 @@ const AlertMenu = ({
<Reference>
{({ ref }) => (
<span
className={`components-label components-label-with-hover px-1 mr-1 badge badge-secondary cursor-pointer ${uniqueClass}`}
className={`components-label components-label-with-hover components-alert-menu-button px-1 mr-1 badge badge-secondary cursor-pointer ${uniqueClass}`}
ref={ref}
onClick={collapse.toggle}
data-toggle="dropdown"

4
ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/__snapshots__/index.test.js.snap
View File

@@ -60,7 +60,7 @@ exports[`<Alert /> matches snapshot when inhibited 1`] = `
</div>
</div>
</div>
<span class=\\"components-label components-label-with-hover px-1 mr-1 badge badge-secondary cursor-pointer components-grid-alert-099c5ca6d1c92f615b13056b935d0c8dee70f18c-0988cb349635341c67d91bfe3454d2b3178c443c\\"
<span class=\\"components-label components-label-with-hover components-alert-menu-button px-1 mr-1 badge badge-secondary cursor-pointer components-grid-alert-099c5ca6d1c92f615b13056b935d0c8dee70f18c-0988cb349635341c67d91bfe3454d2b3178c443c\\"
data-toggle=\\"dropdown\\"
>
<svg aria-hidden=\\"true\\"
@@ -220,7 +220,7 @@ exports[`<Alert /> matches snapshot with showAlertmanagers=false showReceiver=fa
</div>
</div>
</div>
<span class=\\"components-label components-label-with-hover px-1 mr-1 badge badge-secondary cursor-pointer components-grid-alert-099c5ca6d1c92f615b13056b935d0c8dee70f18c-0988cb349635341c67d91bfe3454d2b3178c443c\\"
<span class=\\"components-label components-label-with-hover components-alert-menu-button px-1 mr-1 badge badge-secondary cursor-pointer components-grid-alert-099c5ca6d1c92f615b13056b935d0c8dee70f18c-0988cb349635341c67d91bfe3454d2b3178c443c\\"
data-toggle=\\"dropdown\\"
>
<svg aria-hidden=\\"true\\"

5
ui/src/Styles/Components/Alert.scss
View File

@@ -7,3 +7,8 @@
.components-grid-alertgrid-card {
background-color: $alert-bg !important;
}
.components-alert-menu-button {
min-width: 7rem;
text-align: left;
}