Matrix/element-web-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2024-11-15 20:54:59 +08:00
Code Issues Packages Projects Releases Wiki 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
Show Stats 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;

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

@ -19,7 +19,7 @@ limitations under the License.
*/ */
import React from 'react'; import React from 'react';
import { _t } from '../../../languageHandler'; import {_t} from '../../../languageHandler';
import HeaderButton from './HeaderButton'; import HeaderButton from './HeaderButton';
import HeaderButtons, {HeaderKind} from './HeaderButtons'; import HeaderButtons, {HeaderKind} from './HeaderButtons';
import {RightPanelPhases} from "../../../stores/RightPanelStorePhases"; import {RightPanelPhases} from "../../../stores/RightPanelStorePhases";
@ -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 = () => {
// This toggles for us, if needed if (this.state.phase === RightPanelPhases.Widget) {
this.setPhase(RightPanelPhases.RoomSummary); // Close the panel
this.setPhase(RightPanelPhases.Widget);
} else {
// This toggles for us, if needed
this.setPhase(RightPanelPhases.RoomSummary);
}
}; };
private onNotificationsClicked = () => { private onNotificationsClicked = () => {