Skip to content
This repository has been archived by the owner on Sep 11, 2024. It is now read-only.

Commit

Permalink
fix(tag): Fixed an issue with the tag-add button being influenced by UA
Browse files Browse the repository at this point in the history
styles.

The tag-add button relied on the user-agent styling of the button. When
inserting a normalize.css or reset.css into your project, the padding on
the button element was changed, which resulted in a broken visual on the
tag-add.

Fixes #640
  • Loading branch information
tomheller committed Mar 4, 2020
1 parent dca5b6e commit fa552ff
Showing 1 changed file with 6 additions and 6 deletions.
12 changes: 6 additions & 6 deletions libs/barista-components/tag/src/tag-add/tag-add.scss
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,6 @@

:host {
display: inline-block;

cursor: pointer;

.dt-tag-add-container {
Expand All @@ -16,18 +15,19 @@
width: 88px;
font-size: 12px;
display: inline-flex;

color: $turquoise-700;
background-color: #ffffff;
text-align: left;
vertical-align: middle;

border: 1px solid $turquoise-600;
border-radius: 12px;

padding-top: 2px;

// The tag-add button relied on the user-agent styling of the button. When
// inserting a normalize.css or reset.css into your project, the padding on
// the button element was changed, which resulted in a broken visual on the
// tag-add.
padding: 2px 6px 1px;
cursor: pointer;

&:active {
outline: none;
}
Expand Down

0 comments on commit fa552ff

Please sign in to comment.