matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-11-13 08:02:38 +03:00
Code Activity

styling and fix i button behaviour

Browse Source
This commit is contained in:
Michael Telatynski
2020-09-08 15:39:58 +01:00
parent 3a99343433
commit 4a4a8cd611
2 changed files with 16 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
res/css/structures/_RightPanel.scss
View File

@@ -68,6 +68,14 @@ limitations under the License.
mask-repeat: no-repeat; mask-repeat: no-repeat;
mask-size: contain; mask-size: contain;
} }
&:hover {
background: rgba($accent-color, 0.1);
&::before {
background-color: $accent-color;
}
}
} }
.mx_RightPanel_notifsButton::before { .mx_RightPanel_notifsButton::before {
@@ -90,16 +98,6 @@ limitations under the License.
mask-position: center; mask-position: center;
} }
.mx_RightPanel_headerButton {
&:hover {
background: rgba($accent-color, 0.1);
&::before {
background-color: $accent-color;
}
}
}
.mx_RightPanel_headerButton_highlight { .mx_RightPanel_headerButton_highlight {
&::before { &::before {
background-color: $accent-color !important; background-color: $accent-color !important;

5
src/components/views/right_panel/RoomHeaderButtons.tsx
View File

@@ -59,8 +59,13 @@ export default class RoomHeaderButtons extends HeaderButtons {
// TODO make it restore whatever widget they were on last // TODO make it restore whatever widget they were on last
private onRoomSummaryClicked = () => { private onRoomSummaryClicked = () => {
if (this.state.phase === RightPanelPhases.Widget) {
// Close the panel
this.setPhase(RightPanelPhases.Widget);
} else {
// This toggles for us, if needed // This toggles for us, if needed
this.setPhase(RightPanelPhases.RoomSummary); this.setPhase(RightPanelPhases.RoomSummary);
}
}; };
private onNotificationsClicked = () => { private onNotificationsClicked = () => {