mediawiki-extensions-Discus.../modules/dt-ve/CommentTargetWidget.less
Ed Sanders 9d9dc7f26a Halve the initial height of the reply widget on mobile
Vertical space is at a premium on mobile with the virtual keyboard.
The widget will auto-size when more text is entered.

Bug: T311836
Change-Id: I03ff7217f9ffe217f93a3dc95db2df018bd0d221
2022-07-01 15:05:00 +01:00

50 lines
1 KiB
Plaintext

.ext-discussiontools-ui-targetWidget {
.oo-ui-toolGroup {
border: 0;
}
> .ve-init-target > .ve-ui-surface {
> .ve-ce-surface .ve-ce-attachedRootNode,
> .ve-ui-surface-placeholder {
min-height: 10em;
box-sizing: border-box;
.skin-minerva & {
min-height: 5em;
}
}
&.ve-ui-surface-source {
> .ve-ce-surface .ve-ce-attachedRootNode,
> .ve-ui-surface-placeholder {
padding: 6px 8px;
// Leave space for newComments button
padding-bottom: 22px;
}
}
&.ve-ui-surface-visual {
> .ve-ce-surface .ve-ce-attachedRootNode,
> .ve-ui-surface-placeholder {
/* Use an non-zero padding to disable margin collapse */
padding: 0.05px 8px;
// Leave space for newComments button
padding-bottom: 16px;
}
}
// TODO: target this to username completion dropdowns, not all
.ve-ui-completionWidget .oo-ui-menuSelectWidget {
min-width: 15em;
}
.ve-ui-completionWidget-header > .oo-ui-labelElement-label {
color: #404244;
> span {
color: #72777d;
}
}
}
}