mirror of
https://github.com/status-im/consul.git
synced 2025-01-09 13:26:07 +00:00
28b1e642cb
Various CSS tweaks/HTML cleanup around upstreams (but impacts other 'rows')
- Prefer {{tooltip}} to <Tooltip>
- Removed some now unnecessary spans
- Stop using an empty class="" for styling purposes.
- Renamed any classes used to identify response properties to follow the exact property name but kebab-cased.
- Fixed up the alignment of things in the rows when used with a 'tiny copy button' (see screengrab) which was minus positioning and knocking things out (pending a proper refactor of our copy button CSS which is from the very very start of things)
23 lines
465 B
SCSS
23 lines
465 B
SCSS
@import './skin';
|
|
@import './layout';
|
|
%copy-button {
|
|
@extend %button;
|
|
}
|
|
/* Temporary tweak for copy-buttons in kv-lists */
|
|
/* once someone gets round to re-doing copy buttons */
|
|
/* hopefully this little tweak can go */
|
|
%horizontal-kv-list .copy-button {
|
|
margin-top: 0 !important;
|
|
}
|
|
%horizontal-kv-list .copy-btn {
|
|
top: 0 !important;
|
|
}
|
|
%horizontal-kv-list .copy-btn:empty::before {
|
|
left: 0 !important;
|
|
}
|
|
/**/
|
|
|
|
.copy-button button {
|
|
@extend %copy-button;
|
|
}
|