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

Update feedback prompt to match designs

Browse source
This commit is contained in:
Michael Telatynski 2021-07-28 17:56:57 +01:00
parent 6123ccb2eb
commit a5606c72de
4 changed files with 42 additions and 102 deletions
Download patch file Download diff file Expand all files Collapse all files

12
res/css/structures/_SpaceRoomView.scss
View file

@ -340,18 +340,12 @@ $SpaceRoomViewInnerWidth: 428px;
flex: 0;
}
.mx_SpaceFeedbackPrompt_topRight {
.mx_SpaceFeedbackPrompt {
padding: 7px; // 8px - 1px border
border: 1px solid $menu-border-color;
border-radius: 8px;
color: $secondary-fg-color;
font-size: $font-15px;
line-height: $font-24px;
float: right;
& + .mx_BaseAvatar {
clear: both;
}
width: max-content;
margin: 0 0 -40px auto; // collapse its own height to not push other components down
}
.mx_SpaceRoomDirectory_list {

70
res/css/views/spaces/_SpaceCreateMenu.scss
View file

@ -104,61 +104,23 @@ $spacePanelWidth: 71px;
margin-top: 18px;
margin-bottom: 12px;
> hr {
border: none;
border-top: 1px solid $input-border-color;
margin-bottom: 12px;
font-size: $font-15px;
line-height: $font-24px;
> span {
color: $secondary-fg-color;
position: relative;
font-size: inherit;
line-height: inherit;
margin-right: auto;
}
> div {
display: flex;
flex-direction: row;
font-size: $font-15px;
line-height: $font-24px;
> span {
color: $secondary-fg-color;
position: relative;
padding-left: 32px;
font-size: inherit;
line-height: inherit;
margin-right: auto;
&::before {
content: '';
position: absolute;
left: 0;
top: 2px;
height: 20px;
width: 20px;
background-color: $secondary-fg-color;
mask-repeat: no-repeat;
mask-size: contain;
mask-image: url('$(res)/img/element-icons/room/room-summary.svg');
mask-position: center;
}
}
.mx_AccessibleButton_kind_link {
color: $accent-color;
position: relative;
padding: 0 0 0 24px;
margin-left: 8px;
font-size: inherit;
line-height: inherit;
&::before {
content: '';
position: absolute;
left: 0;
height: 16px;
width: 16px;
background-color: $accent-color;
mask-repeat: no-repeat;
mask-size: contain;
mask-image: url('$(res)/img/element-icons/chat-bubbles.svg');
mask-position: center;
}
}
.mx_AccessibleButton_kind_link {
color: $accent-color;
position: relative;
padding: 0;
margin-left: 8px;
font-size: inherit;
line-height: inherit;
}
}