matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-11-05 23:10:41 +03:00
Code Activity

prevent tagtiles jumping when selected

Browse Source
This commit is contained in:
Bruno Windels
2019-02-06 16:53:48 +00:00
parent 547c8cb206
commit 699023ea40
1 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
res/css/structures/_TagPanel.scss
View File

@@ -68,10 +68,13 @@ limitations under the License.
height: 100%; height: 100%;
} }
.mx_TagPanel .mx_TagPanel_tagTileContainer > div {
height: 40px;
padding: 5px 0 4px 0;
}
.mx_TagPanel .mx_TagTile { .mx_TagPanel .mx_TagTile {
padding-top: 9px; margin: 9px 0;
padding-bottom: 9px;
// opacity: 0.5; // opacity: 0.5;
position: relative; position: relative;
} }
@@ -81,13 +84,7 @@ limitations under the License.
// opacity: 1; // opacity: 1;
} }
.mx_TagPanel .mx_TagTile.mx_TagTile_selected {
/* To offset border of mx_TagTile_avatar */
padding: 3px 0px;
}
.mx_TagPanel .mx_TagTile.mx_TagTile_selected .mx_TagTile_avatar .mx_BaseAvatar { .mx_TagPanel .mx_TagTile.mx_TagTile_selected .mx_TagTile_avatar .mx_BaseAvatar {
border: 3px solid $accent-color;
background-color: $accent-color; background-color: $accent-color;
border-radius: 40px; border-radius: 40px;
@@ -97,6 +94,13 @@ limitations under the License.
width: 40px; width: 40px;
} }
.mx_TagPanel .mx_TagTile_selected .mx_BaseAvatar_image {
border: 3px solid $accent-color;
height: 40px;
width: 40px;
box-sizing: border-box;
}
.mx_TagPanel .mx_TagTile.mx_AccessibleButton:focus { .mx_TagPanel .mx_TagTile.mx_AccessibleButton:focus {
filter: none; filter: none;
} }