imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Switch dropdown out for radio interaction when leaving space

Browse source
This commit is contained in:
Michael Telatynski 2021-07-29 15:50:18 +01:00
parent 251b6eb04e
commit 3ee8f607c0
4 changed files with 30 additions and 92 deletions
Download patch file Download diff file Expand all files Collapse all files

38
res/css/views/dialogs/_AddExistingToSpaceDialog.scss
View file

@ -50,35 +50,6 @@ limitations under the License.
line-height: $font-15px;
}
.mx_AddExistingToSpace_entry {
display: flex;
margin-top: 12px;
.mx_DecoratedRoomAvatar, // we can't target .mx_BaseAvatar here as it'll break the decorated avatar styling
.mx_BaseAvatar.mx_RoomAvatar_isSpaceRoom {
margin-right: 12px;
}
img.mx_RoomAvatar_isSpaceRoom,
.mx_RoomAvatar_isSpaceRoom img {
border-radius: 8px;
}
.mx_AddExistingToSpace_entry_name {
font-size: $font-15px;
line-height: 30px;
flex-grow: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-right: 12px;
}
.mx_Checkbox {
align-items: center;
}
}
.mx_AccessibleButton_kind_link {
font-size: $font-12px;
line-height: $font-15px;
@ -260,11 +231,16 @@ limitations under the License.
display: flex;
margin-top: 12px;
// we can't target .mx_BaseAvatar here as it'll break the decorated avatar styling
.mx_DecoratedRoomAvatar {
.mx_DecoratedRoomAvatar, // we can't target .mx_BaseAvatar here as it'll break the decorated avatar styling
.mx_BaseAvatar.mx_RoomAvatar_isSpaceRoom {
margin-right: 12px;
}
img.mx_RoomAvatar_isSpaceRoom,
.mx_RoomAvatar_isSpaceRoom img {
border-radius: 8px;
}
.mx_AddExistingToSpace_entry_name {
font-size: $font-15px;
line-height: 30px;

24
res/css/views/dialogs/_LeaveSpaceDialog.scss
View file

@ -27,24 +27,15 @@ limitations under the License.
display: flex;
flex-direction: column;
flex-wrap: nowrap;
&.mx_LeaveSpaceDialog_hasChildren {
height: 500px;
}
max-height: 520px;
.mx_Dialog_content {
flex-grow: 1;
margin: 0 0 24px;
color: $tertiary-fg-color;
margin: 0;
overflow-y: auto;
.mx_Dropdown_input {
border-radius: 8px;
border-color: $input-border-color;
}
.mx_Dropdown_option {
font-size: $font-15px;
.mx_RadioButton + .mx_RadioButton {
margin-top: 16px;
}
.mx_SearchBox {
@ -61,17 +52,12 @@ limitations under the License.
.mx_LeaveSpaceDialog_section {
margin: 16px 0;
.mx_Dropdown + span {
display: inline-block;
margin-top: 8px;
}
}
.mx_LeaveSpaceDialog_section_warning {
position: relative;
border-radius: 8px;
margin: 12px 0;
margin: 12px 0 0;
padding: 12px 8px 12px 42px;
background-color: $header-panel-bg-color;