open-consul/ui-v2/app/styles/components/tooltip-panel/layout.scss
John Cowen d8fb480ca1
ui: Various CSS amends (#8708)
* ui: Various CSS amends

1. Split out %icon-definition from %composite-row
2. Add hover effect to node listing
3. Fix up proxy level list components
4. Rename our various pills to use a 100-900 scale
5. Reogranize other icon related things (consul-kind and
consul-external-source)

* Fix up upstream test
2020-09-22 18:20:44 +01:00

23 lines
364 B
SCSS

%tooltip-panel,
%tooltip-panel dt {
display: flex;
flex-direction: column;
}
%tooltip-panel dd > div.menu-panel {
top: auto;
overflow: visible;
}
%tooltip-panel dd {
display: none;
position: relative;
z-index: 1;
padding-top: 10px;
margin-bottom: -10px;
}
%tooltip-panel:hover dd {
display: block;
}
%tooltip-panel dd > div {
width: 250px;
}