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): tweak swimline css

Browse Source
This commit is contained in:
Łukasz Mierzwa
2021-06-01 18:17:06 +01:00
committed by Łukasz Mierzwa
parent e43b658e52
commit c2013d4a05
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
ui/src/Components/Grid/AlertGrid/Swimlane.tsx
View File

@@ -21,12 +21,15 @@ const Swimlane: FC<{
}> = ({ alertStore, settingsStore, grid, isExpanded, onToggle }) => {
return (
<h5 className="components-grid-swimlane d-flex flex-row justify-content-between rounded px-2 py-1 my-1 border border-dark">
<span className="flex-shrink-0 flex-grow-0">
<span className="flex-shrink-0 flex-grow-0 d-none d-sm-block">
<span className="badge components-label px-0 ms-1 me-3">
<FontAwesomeIcon icon={faTh} className="text-muted" />
</span>
</span>
<span className="flex-shrink-1 flex-grow-0" style={{ minWidth: "0px" }}>
<span
className="flex-shrink-1 flex-grow-0 ms-1 ms-sm-0"
style={{ minWidth: "0px" }}
>
{grid.labelName !== "" && grid.labelValue !== "" && (
<FilteringLabel
key={grid.labelValue}
@@ -71,7 +74,7 @@ const Swimlane: FC<{
alertStore={alertStore}
/>
<span
className="text-muted cursor-pointer badge with-click with-click-dark components-label ms-2 me-1"
className="text-muted cursor-pointer badge with-click with-click-dark components-label ms-1 me-0"
onClick={onToggle}
>
<TooltipWrapper title="Click to toggle this grid details or Alt+Click to toggle all grids">