imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve link buttons and inline link buttons styling (#8238)

Browse source 
* Set padding: 0 to both "link" and "link_inline"

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove redundant settings - _SpotlightDialog.scss

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove redundant settings - JoinRuleSettings

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove redundant settings - _ViewSourceEvent.scss

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove redundant settings - _RoomDirectory.scss

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove redundant settings - _InviteDialog.scss

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove redundant settings - ServerOfflineDialog

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove redundant settings - UpdateCheckButton

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove redundant settings - NonUrgentEchoFailureToast

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove redundant settings - CallView

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove unused styles - _RoomSettingsDialogBridges.scss

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Replace "link" with "link_inline" for inline links

- src/components/structures/UserMenu.tsx
- src/components/views/dialogs/BetaFeedbackDialog.tsx
- src/components/views/dialogs/FeedbackDialog.tsx
- src/components/views/rooms/NewRoomIntro.tsx
- src/components/views/settings/tabs/room/NotificationSettingsTab.tsx
- src/components/views/settings/tabs/user/PreferencesUserSettingsTab.tsx
- src/components/views/spaces/SpaceCreateMenu.tsx

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Replace "link_inline" with "link" for links not inline

- src/async-components/views/dialogs/security/CreateKeyBackupDialog.tsx
- src/async-components/views/dialogs/security/CreateSecretStorageDialog.tsx
- src/components/structures/auth/ForgotPassword.tsx
- src/components/structures/auth/Registration.tsx
- src/components/views/auth/InteractiveAuthEntryComponents.tsx
- src/components/views/dialogs/security/AccessSecretStorageDialog.tsx
- src/components/views/dialogs/security/RestoreKeyBackupDialog.tsx
- src/components/views/messages/TileErrorBoundary.tsx
- src/components/views/messages/ViewSourceEvent.tsx

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove a redundant declaration - _SetupEncryptionBody.scss

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove a redundant declaration - _ReplyChain.scss

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove a redundant declaration - _EventTile.scss

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove an obsolete style block - _RoomPreviewCard.scss

The block was transferred from _SpaceRoomView.scss with ec24dc661edb6979ba901936067e5bc731dafa59

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove a redundant declaration - _SecurityUserSettingsTab.scss

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove element='span' - NewRoomIntro.tsx

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove redundant declarations - _ServerPicker.scss

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Replace 'link' with 'link_inline' - AnalyticsToast.tsx

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
This commit is contained in:
Suguru Hirahara 2022-06-29 22:37:34 +00:00 • committed by GitHub
parent 5165ef02ff
commit 731776d189
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
38 changed files with 42 additions and 111 deletions
Download patch file Download diff file Expand all files Collapse all files

8
res/css/structures/_RoomDirectory.scss
View file

@ -180,10 +180,6 @@ limitations under the License.
.mx_RoomDirectory > span {
font-size: $font-15px;
margin-top: 0;
.mx_AccessibleButton {
padding: 0;
}
}
@media screen and (max-width: 700px) {
@ -191,10 +187,6 @@ limitations under the License.
padding: 0px;
}
.mx_AccessibleButton_kind_secondary {
padding: 0px !important;
}
.mx_RoomDirectory_join {
margin-left: 0px;
}

1
res/css/structures/auth/_SetupEncryptionBody.scss
View file

@ -20,7 +20,6 @@ limitations under the License.
.mx_SetupEncryptionBody_reset_link {
&.mx_AccessibleButton_kind_link_inline {
padding: 0;
color: $alert;
}
}

4
res/css/views/dialogs/_InviteDialog.scss
View file

@ -256,10 +256,6 @@ limitations under the License.
.mx_InviteDialog_helpText {
margin: 0;
.mx_AccessibleButton_kind_link {
padding: 0;
}
}
.mx_InviteDialog_dialPad {

6
res/css/views/dialogs/_RoomSettingsDialogBridges.scss
View file

@ -17,12 +17,6 @@ limitations under the License.
.mx_RoomSettingsDialog_BridgeList {
padding: 0;
.mx_AccessibleButton {
display: inline;
margin: 0;
padding: 0;
}
li {
list-style-type: none;

1
res/css/views/dialogs/_ServerOfflineDialog.scss
View file

@ -63,7 +63,6 @@ limitations under the License.
.mx_AccessibleButton {
float: right;
padding: 0;
}
}
}

5
res/css/views/dialogs/_SpotlightDialog.scss
View file

@ -416,7 +416,6 @@ limitations under the License.
}
.mx_SpotlightDialog_recentSearches > h4 > .mx_AccessibleButton_kind_link {
padding: 0;
float: right;
font-size: $font-12px;
line-height: $font-15px;
@ -468,10 +467,6 @@ limitations under the License.
> span {
align-self: center;
.mx_AccessibleButton_kind_link_inline {
padding: 0;
}
}
.mx_AccessibleButton_kind_primary_outline {

4
res/css/views/elements/_AccessibleButton.scss
View file

@ -137,15 +137,11 @@ limitations under the License.
font-size: inherit;
font-weight: normal;
line-height: inherit;
}
&.mx_AccessibleButton_kind_link {
padding: 0;
}
&.mx_AccessibleButton_kind_link_inline {
display: inline;
padding: 0 2px;
}
&.mx_AccessibleButton_kind_confirm_sm,

1
res/css/views/elements/_ReplyChain.scss
View file

@ -22,7 +22,6 @@ limitations under the License.
.mx_ReplyChain_show {
&.mx_AccessibleButton_kind_link_inline {
padding: 0;
color: unset;
white-space: nowrap; // Enforce 'In reply to' to be a single line

2
res/css/views/elements/_ServerPicker.scss
View file

@ -69,8 +69,6 @@ limitations under the License.
}
.mx_ServerPicker_change {
padding: 0;
font-size: inherit;
grid-column: 2;
grid-row: 2;
}

1
res/css/views/messages/_ViewSourceEvent.scss
View file

@ -36,7 +36,6 @@ limitations under the License.
visibility: hidden;
// override styles from AccessibleButton
border-radius: 0;
padding: 0;
// icon
mask-repeat: no-repeat;
mask-position: 0 center;

4
res/css/views/rooms/_EventTile.scss
View file

@ -647,10 +647,6 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
.mx_AccessibleButton {
color: $primary-content;
text-decoration: underline;
&.mx_AccessibleButton_kind_link_inline {
padding: 0;
}
}
}
}

7
res/css/views/rooms/_RoomPreviewCard.scss
View file

@ -33,13 +33,6 @@ limitations under the License.
position: relative;
padding-left: calc(20px + $spacing-8);
.mx_AccessibleButton_kind_link {
display: inline;
padding: 0;
font-size: inherit;
line-height: inherit;
}
&::before {
content: "";
position: absolute;

5
res/css/views/settings/_JoinRuleSettings.scss
View file

@ -81,8 +81,3 @@ limitations under the License.
}
}
}
.mx_JoinRuleSettings_linkButton {
padding: 0;
font-size: inherit;
}

4
res/css/views/settings/_UpdateCheckButton.scss
View file

@ -16,8 +16,4 @@ limitations under the License.
.mx_UpdateCheckButton_summary {
margin-left: 16px;
.mx_AccessibleButton_kind_link {
padding: 0;
}
}

1
res/css/views/settings/tabs/user/_SecurityUserSettingsTab.scss
View file

@ -32,7 +32,6 @@ limitations under the License.
}
.mx_SettingsTab_section {
.mx_AccessibleButton_kind_link {
padding: 0;
font-size: inherit;
}
}

4
res/css/views/toasts/_NonUrgentEchoFailureToast.scss
View file

@ -30,8 +30,4 @@ limitations under the License.
span { // includes the i18n block
vertical-align: middle;
}
.mx_AccessibleButton {
padding: 0;
}
}

4
res/css/views/voip/_CallView.scss
View file

@ -127,10 +127,6 @@ limitations under the License.
width: 30px;
height: 30px;
}
.mx_AccessibleButton_hasKind {
padding: 0px;
}
}
}
}