change <details> appearance for local aliases

This commit is contained in:
Bruno Windels 2020-03-16 18:24:49 +01:00
parent 42ff9f2c9e
commit 5537e6dcd4
2 changed files with 11 additions and 1 deletions

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;
}
} }

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) {
@ -262,6 +263,7 @@ export default class AliasSettings extends React.Component {
this.loadLocalAliases(); this.loadLocalAliases();
} }
} }
this.setState({detailsOpen: event.target.open});
}; };
onCanonicalAliasChange = (event) => { onCanonicalAliasChange = (event) => {
@ -380,7 +382,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>