mirror of
https://github.com/fleetdm/fleet
synced 2026-05-23 17:08:53 +00:00
Add vertical padding to pills (#3337)
This commit is contained in:
parent
1e37080a31
commit
77f07f74e9
4 changed files with 14 additions and 10 deletions
|
|
@ -25,6 +25,7 @@ describe(
|
|||
|
||||
cy.visit("/packs/manage");
|
||||
cy.wait(1000); // eslint-disable-line cypress/no-unnecessary-waiting
|
||||
|
||||
cy.findByText(/errors and crashes/i).click();
|
||||
|
||||
cy.wait(1000); // eslint-disable-line cypress/no-unnecessary-waiting
|
||||
|
|
|
|||
|
|
@ -116,6 +116,7 @@ describe(
|
|||
// Packs pages: Can create, edit, delete a pack
|
||||
cy.visit("/packs/manage");
|
||||
cy.wait(1000); // eslint-disable-line cypress/no-unnecessary-waiting
|
||||
|
||||
cy.findByRole("button", { name: /create new pack/i }).click();
|
||||
|
||||
cy.findByLabelText(/name/i).click().type("Errors and crashes");
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
background-color: #fff0b9;
|
||||
border: 1px solid #f2c94c;
|
||||
border-radius: $border-radius;
|
||||
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
line-height: 20px;
|
||||
|
|
@ -22,7 +22,7 @@
|
|||
color: $core-vibrant-blue;
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
|
||||
|
||||
img {
|
||||
vertical-align: text-bottom;
|
||||
position: relative;
|
||||
|
|
@ -108,7 +108,7 @@
|
|||
flex-wrap: wrap;
|
||||
|
||||
.target-pill-selector {
|
||||
padding: 8px;
|
||||
padding: $pad-small;
|
||||
background-color: $core-white;
|
||||
border: none;
|
||||
box-shadow: inset 0 0 0 1px $ui-fleet-black-25;
|
||||
|
|
@ -116,9 +116,10 @@
|
|||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: $pad-small;
|
||||
|
||||
&:not(:last-of-type) {
|
||||
margin-right: 8px;
|
||||
margin-right: $pad-small;
|
||||
}
|
||||
img {
|
||||
max-width: 12px;
|
||||
|
|
@ -185,7 +186,7 @@
|
|||
color: $core-vibrant-blue;
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
|
||||
|
||||
img {
|
||||
vertical-align: text-bottom;
|
||||
position: relative;
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
background-color: #fff0b9;
|
||||
border: 1px solid #f2c94c;
|
||||
border-radius: $border-radius;
|
||||
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
line-height: 20px;
|
||||
|
|
@ -22,7 +22,7 @@
|
|||
color: $core-vibrant-blue;
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
|
||||
|
||||
img {
|
||||
vertical-align: text-bottom;
|
||||
position: relative;
|
||||
|
|
@ -108,7 +108,7 @@
|
|||
flex-wrap: wrap;
|
||||
|
||||
.target-pill-selector {
|
||||
padding: 8px;
|
||||
padding: $pad-small;
|
||||
background-color: $core-white;
|
||||
border: none;
|
||||
box-shadow: inset 0 0 0 1px $ui-fleet-black-25;
|
||||
|
|
@ -116,9 +116,10 @@
|
|||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: $pad-small;
|
||||
|
||||
&:not(:last-of-type) {
|
||||
margin-right: 8px;
|
||||
margin-right: $pad-small;
|
||||
}
|
||||
img {
|
||||
max-width: 12px;
|
||||
|
|
@ -185,7 +186,7 @@
|
|||
color: $core-vibrant-blue;
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
|
||||
|
||||
img {
|
||||
vertical-align: text-bottom;
|
||||
position: relative;
|
||||
|
|
|
|||
Loading…
Reference in a new issue