[visual] fix styling for showing authors (#13772)

* [visual] fix styling for showing authors

* add horizontal padding

* use gap

* prettier

* maxWidth and flex wrap

* min-width

* use only min-width

GitOrigin-RevId: 1fdc1baac6fd98ee909f847716f6aedf88e96aec
This commit is contained in:
Domagoj Kriskovic 2023-07-10 15:31:10 +02:00 committed by Copybot
parent b6bc33a676
commit b0d994575d

View file

@ -88,17 +88,16 @@ export const visualTheme = EditorView.theme({
padding: '0.5em',
lineHeight: 'calc(var(--line-height) * 5/6)',
},
'.ol-cm-author': {
display: 'inline-block',
maxWidth: '45%',
minWidth: '200px',
verticalAlign: 'top',
cursor: 'pointer',
'.ol-cm-authors': {
display: 'flex',
justifyContent: 'space-evenly',
gap: '0.5em',
flexWrap: 'wrap',
},
'.ol-cm-author:not(:first-child)': {
'.ol-cm-author': {
cursor: 'pointer',
display: 'inline-block',
marginLeft: '5%',
maxWidth: '45%',
minWidth: '150px',
},
'.ol-cm-icon-brace': {
filter: 'grayscale(1)',