more margin between published and local addresses

This commit is contained in:
Bruno Windels 2020-03-16 18:30:40 +01:00
parent a591e5016f
commit dd19f27964
2 changed files with 15 additions and 9 deletions

View file

@ -27,14 +27,20 @@ limitations under the License.
box-shadow: none;
}
.mx_AliasSettings summary {
cursor: pointer;
color: $accent-color;
font-weight: 600;
list-style: none;
.mx_AliasSettings {
summary {
cursor: pointer;
color: $accent-color;
font-weight: 600;
list-style: none;
// list-style doesn't do it for webkit
&::-webkit-details-marker {
display: none;
// list-style doesn't do it for webkit
&::-webkit-details-marker {
display: none;
}
}
.mx_AliasSettings_localAliasHeader {
margin-top: 35px;
}
}

View file

@ -375,7 +375,7 @@ export default class AliasSettings extends React.Component {
noItemsLabel={_t('No other published addresses yet, add one below')}
placeholder={_t('New published address (e.g. #alias:server)')}
/>
<span className='mx_SettingsTab_subheading'>{_t("Local Addresses")}</span>
<span className='mx_SettingsTab_subheading mx_AliasSettings_localAliasHeader'>{_t("Local Addresses")}</span>
<p>{_t("Set addresses for this room so users can find this room through your homeserver (%(localDomain)s)", {localDomain})}</p>
<details onToggle={this.onLocalAliasesToggled}>
<summary>{ this.state.detailsOpen ? _t('Show less') : _t("Show more")}</summary>