PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Device manager - tweak settings display (#9905)

Browse source 
* compound devices icon

* update icon for new session manager tab

* condense privacy > analytics / sessions sections slightly
This commit is contained in:
Kerry 2023-01-16 10:31:07 +13:00 committed by GitHub
parent 2417482667
commit 0758b8cdfe
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
res/css/views/dialogs/_UserSettingsDialog.pcss
View file

@ -49,6 +49,10 @@ limitations under the License.
mask-image: url("$(res)/img/element-icons/security.svg"); mask-image: url("$(res)/img/element-icons/security.svg");
} }
.mx_UserSettingsDialog_sessionsIcon::before {
mask-image: url("$(res)/img/element-icons/settings/devices.svg");
}
.mx_UserSettingsDialog_helpIcon::before { .mx_UserSettingsDialog_helpIcon::before {
mask-image: url("$(res)/img/element-icons/settings/help.svg"); mask-image: url("$(res)/img/element-icons/settings/help.svg");
} }

5
res/img/element-icons/settings/devices.svg Normal file
View file

@ -0,0 +1,5 @@
<svg width="21" height="19" viewBox="0 0 21 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 2V7.005L18 7.003V4H2V14H13V16H2C1.45 16 0.979333 15.8043 0.588 15.413C0.196 15.021 0 14.55 0 14V2C0 1.45 0.196 0.979333 0.588 0.588C0.979333 0.196 1.45 0 2 0H18C18.55 0 19.021 0.196 19.413 0.588C19.8043 0.979333 20 1.45 20 2Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M15 8L20 8.005C20.55 8.005 21 8.45 21 9V18C21 18.55 20.55 19 20
19H15C14.45 19 14 18.55 14 18V9C14 8.45 14.45 8 15 8ZM15 17H20V10H15V17Z" fill="currentColor"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 574 B

2
src/components/views/dialogs/UserSettingsDialog.tsx
View file

@ -164,7 +164,7 @@ export default class UserSettingsDialog extends React.Component<IProps, IState>
new Tab( new Tab(
UserTab.SessionManager, UserTab.SessionManager,
_td("Sessions"), _td("Sessions"),
"mx_UserSettingsDialog_securityIcon", "mx_UserSettingsDialog_sessionsIcon",
<SessionManagerTab />, <SessionManagerTab />,
// don't track with posthog while under construction // don't track with posthog while under construction
undefined, undefined,

2
src/components/views/settings/tabs/user/SecurityUserSettingsTab.tsx
View file

@ -353,8 +353,6 @@ export default class SecurityUserSettingsTab extends React.Component<IProps, ISt
{PosthogAnalytics.instance.isEnabled() && ( {PosthogAnalytics.instance.isEnabled() && (
<SettingsFlag name="pseudonymousAnalyticsOptIn" level={SettingLevel.ACCOUNT} /> <SettingsFlag name="pseudonymousAnalyticsOptIn" level={SettingLevel.ACCOUNT} />
)} )}
</div>
<div className="mx_SettingsTab_section">
<span className="mx_SettingsTab_subheading">{_t("Sessions")}</span> <span className="mx_SettingsTab_subheading">{_t("Sessions")}</span>
<SettingsFlag name="deviceClientInformationOptIn" level={SettingLevel.ACCOUNT} /> <SettingsFlag name="deviceClientInformationOptIn" level={SettingLevel.ACCOUNT} />
</div> </div>