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

Rebuild the room summary card's widgets section

Browse source 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski 2020-09-30 17:08:41 +01:00
parent ed30750f63
commit 23d95df30b
3 changed files with 144 additions and 72 deletions
Download patch file Download diff file Expand all files Collapse all files

54
res/css/views/right_panel/_RoomSummaryCard.scss
View file

@ -109,9 +109,57 @@ limitations under the License.
}
.mx_RoomSummaryCard_appsGroup {
.mx_RoomSummaryCard_widgetRow {
margin: 0;
display: flex;
.mx_RoomSummaryCard_app_pinToggle,
.mx_RoomSummaryCard_app_options {
position: relative;
height: 20px;
width: 20px;
padding: 10px;
border-radius: 8px;
&:hover {
background-color: rgba(141, 151, 165, 0.1);
}
&::before {
content: '';
position: absolute;
height: 20px;
width: 20px;
mask-repeat: no-repeat;
mask-position: center;
mask-size: 16px;
background-color: $icon-button-color;
}
}
.mx_RoomSummaryCard_app_pinToggle {
&::before {
mask-image: url('$(res)/img/element-icons/room/pin-upright.svg');
}
&.mx_RoomSummaryCard_app_pinned {
&::before {
background-color: $accent-color;
}
}
}
.mx_RoomSummaryCard_app_options {
&::before {
mask-image: url('$(res)/img/element-icons/room/ellipsis.svg');
}
}
}
.mx_RoomSummaryCard_Button {
padding-left: 12px;
color: $tertiary-fg-color;
flex: 1;
span {
color: $primary-fg-color;
@ -127,12 +175,6 @@ limitations under the License.
content: unset;
}
}
.mx_RoomSummaryCard_icon_app_pinned::after {
mask-image: url('$(res)/img/element-icons/room/pin-upright.svg');
background-color: $accent-color;
transform: unset;
}
}
.mx_AccessibleButton_kind_link {