Files
posthog/frontend/src/lib/components/PropertyKeyInfo.scss
Michael Matloka 74c0309735 test(frontend): Add stylelint (#18627)
* test(frontend): Add stylelint

* Remove ordering from the first step

* Further specify a few rules

* Fix a bunch of simple issues

* Add stylelint to pre-commit hooks and CI

* Remove orphaned package-lock.json

* Update UI snapshots for `webkit` (2)

* Update UI snapshots for `webkit` (2)

* Retain `currentColor`

* Revert media queries change, and enforce modern colors

* Add TODOs to the config

* Fix a few more colors

---------

Co-authored-by: github-actions <41898282+github-actions[bot]@users.noreply.github.com>
2023-11-15 15:11:27 +01:00

43 lines
766 B
SCSS

.PropertyKeyInfo,
.PropertyKeyInfo__header {
display: inline-flex;
gap: 0.25rem;
align-items: center;
vertical-align: bottom;
overflow: hidden;
max-width: 100%;
}
.PropertyKeyInfo__header {
font-weight: 600;
}
.PropertyKeyInfo__text {
&.PropertyKeyInfo__text--ellipsis {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
}
.PropertyKeyInfo__logo {
display: inline-block;
height: 1rem;
width: 1rem;
background-image: url('../../../public/posthog-icon.svg');
background-size: cover;
flex-shrink: 0;
}
.PropertyKeyInfo__overlay {
padding: 0.25rem;
p {
margin-bottom: 0.25rem;
&:last-child {
margin-bottom: 0;
}
}
}