Add CSS variable to make the UI gaps consistent and fix the resize handle position (#7234)

Co-authored-by: J. Ryan Stinnett <jryans@gmail.com>
This commit is contained in:
Timo 2021-12-06 13:10:52 +01:00 committed by GitHub
parent 12000060a5
commit 9bcb82d6dc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 34 additions and 26 deletions

View file

@ -20,15 +20,6 @@ limitations under the License.
z-index: 100;
}
// We'd like to remove this, but this makes matrixchat's resizehandle's
// negative margin & greater than its positive padding. If it's the same
// or less, Safari gets confused about overflows somehow and
// https://github.com/vector-im/element-web/issues/19863 happens.
.mx_MatrixChat > .mx_ResizeHandle.mx_ResizeHandle_horizontal {
margin: 0 -10px 0 0;
padding: 0 8px 0 0;
}
.mx_ResizeHandle.mx_ResizeHandle_horizontal {
margin: 0 -5px;
padding: 0 5px;