element-web-Github/res/css/views/elements/_EditableItemList.pcss
Devendra Gurjar a2c7870810
Fix 'remove alias' button in room settings (#28269)
* fixed 'remove alias' button

* fixed 'close button'

---------

Co-authored-by: Florian Duros <florianduros@element.io>
2024-10-28 13:50:29 +00:00

52 lines
917 B
Plaintext

/*
Copyright 2017-2024 New Vector Ltd.
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
Please see LICENSE files in the repository root for full details.
*/
.mx_EditableItemList {
margin-top: 12px;
margin-bottom: 10px;
}
.mx_EditableItem {
display: flex;
margin-bottom: 5px;
}
.mx_EditableItem_delete {
@mixin customisedCancelButton;
order: 3;
vertical-align: middle;
width: 28px;
height: 28px;
background-color: $alert;
mask-size: 100%;
}
.mx_EditableItem_email {
vertical-align: middle;
}
.mx_EditableItem_promptText {
margin-right: 10px;
order: 2;
}
.mx_EditableItem_confirmBtn {
margin-right: 5px;
}
.mx_EditableItem_item {
flex: auto 1 0;
order: 1;
width: calc(100% - 28px); /* leave space for the remove button */
overflow-x: hidden;
text-overflow: ellipsis;
}
.mx_EditableItemList_label {
margin-bottom: 5px;
}