overleaf-cep/services/web/frontend/stylesheets/app/editor/math-preview.less
Domagoj Kriskovic 1f23b78de2 Fixed equation preview overflow (#22769)
* Fixed equation preview overflow

* Decrease max-height to 200px

GitOrigin-RevId: 4a733d25e86b0d4adfb2dc697bc251ad244949b4
2025-01-14 09:05:15 +00:00

77 lines
1.2 KiB
Text

.ol-cm-math-tooltip-container {
position: relative;
overflow: visible;
border: 0px !important;
background-color: transparent !important;
}
.ol-cm-math-tooltip {
display: flex;
gap: 8px;
overflow: auto;
padding: 8px;
border-radius: 4px;
max-height: 200px;
max-width: 800px;
margin-top: 10px;
.dropdown {
position: static;
}
}
.math-tooltip-options-toggle {
border: none;
padding: 0;
width: 20px;
height: 20px;
background-color: transparent;
color: black !important;
&:focus {
background-color: transparent;
}
&:hover,
&:active {
background-color: @neutral-20;
}
}
.math-preview-tooltip-menu {
top: 28px;
right: 8px;
}
.dropdown-menu {
.math-preview-tooltip-option {
a {
display: flex;
gap: 16px;
align-items: center;
}
div {
padding: 0;
}
}
}
.math-preview-tooltip-option-content {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.math-preview-tooltip-option-label {
color: @content-primary;
}
.math-preview-tooltip-option-description {
color: @content-secondary;
font-size: 12px;
}
.math-preview-tooltip-option-shortcut {
color: @content-secondary;
}