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

change <details> appearance for local aliases

Browse source
This commit is contained in:
Bruno Windels 2020-03-16 18:24:49 +01:00
parent db10fcd2b7
commit 78fb95aa9e
2 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
res/css/views/room_settings/_AliasSettings.scss
View file

@ -29,4 +29,12 @@ limitations under the License.
.mx_AliasSettings summary { .mx_AliasSettings summary {
cursor: pointer; cursor: pointer;
color: $accent-color;
font-weight: 600;
list-style: none;
// list-style doesn't do it for webkit
&::-webkit-details-marker {
display: none;
}
} }

4
src/components/views/room_settings/AliasSettings.js
View file

@ -98,6 +98,7 @@ export default class AliasSettings extends React.Component {
canonicalAlias: null, // #canonical:domain.tld canonicalAlias: null, // #canonical:domain.tld
updatingCanonicalAlias: false, updatingCanonicalAlias: false,
localAliasesLoading: false, localAliasesLoading: false,
detailsOpen: false,
}; };
if (props.canonicalAliasEvent) { if (props.canonicalAliasEvent) {
@ -268,6 +269,7 @@ export default class AliasSettings extends React.Component {
this.loadLocalAliases(); this.loadLocalAliases();
} }
} }
this.setState({detailsOpen: event.target.open});
}; };
onCanonicalAliasChange = (event) => { onCanonicalAliasChange = (event) => {
@ -386,7 +388,7 @@ export default class AliasSettings extends React.Component {
<span className='mx_SettingsTab_subheading'>{_t("Local Addresses")}</span> <span className='mx_SettingsTab_subheading'>{_t("Local Addresses")}</span>
<p>{_t("Set addresses for this room so users can find this room through your homeserver (%(localDomain)s)", {localDomain})}</p> <p>{_t("Set addresses for this room so users can find this room through your homeserver (%(localDomain)s)", {localDomain})}</p>
<details onToggle={this.onLocalAliasesToggled}> <details onToggle={this.onLocalAliasesToggled}>
<summary>{_t('Local addresses (unmoderated content)')}</summary> <summary>{ this.state.detailsOpen ? _t('Show less') : _t("Show more")}</summary>
{localAliasesList} {localAliasesList}
</details> </details>
</div> </div>