Add vertical padding to pills (#3337)

This commit is contained in:
RachelElysia 2021-12-13 14:49:49 -08:00 committed by GitHub
parent 1e37080a31
commit 77f07f74e9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 14 additions and 10 deletions

View file

@ -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

View file

@ -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");

View file

@ -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;

View file

@ -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;