OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Fix height jump of recording states 

Fixes https://github.com/vector-im/element-web/issues/18431
pull/21833/head
Travis Ralston 2021-08-06 09:04:36 -06:00
parent cab4f2e402
commit fbe8f04942
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
res/css/views/rooms/_VoiceRecordComposerTile.scss
View File

@ -64,6 +64,10 @@ limitations under the License.
.mx_MessageComposer_row .mx_VoiceMessagePrimaryContainer { .mx_MessageComposer_row .mx_VoiceMessagePrimaryContainer {
// Note: remaining class properties are in the PlayerContainer CSS. // Note: remaining class properties are in the PlayerContainer CSS.
// fixed height to reduce layout jumps with the play button appearing
// https://github.com/vector-im/element-web/issues/18431
height: 32px;
margin: 6px; // force the composer area to put a gutter around us margin: 6px; // force the composer area to put a gutter around us
margin-right: 12px; // isolate from stop/send button margin-right: 12px; // isolate from stop/send button
@ -83,7 +87,7 @@ limitations under the License.
height: 10px; height: 10px;
position: absolute; position: absolute;
left: 12px; // 12px from the left edge for container padding left: 12px; // 12px from the left edge for container padding
top: 16px; // vertically center (middle align with clock) top: 17px; // vertically center (middle align with clock)
border-radius: 10px; border-radius: 10px;
} }
} }