matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-11-13 08:02:38 +03:00
Code Activity

make tag panel less wide

Browse Source
This commit is contained in:
Bruno Windels
2020-07-10 12:27:48 +02:00
parent f2f813c43c
commit 6dc7a5631b
3 changed files with 7 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
res/css/structures/_LeftPanel2.scss
View File

@@ -16,7 +16,7 @@ limitations under the License.
// TODO: Rename on launch: https://github.com/vector-im/riot-web/issues/14231 // TODO: Rename on launch: https://github.com/vector-im/riot-web/issues/14231
$tagPanelWidth: 70px; // only applies in this file, used for calculations $tagPanelWidth: 56px; // only applies in this file, used for calculations
.mx_LeftPanel2 { .mx_LeftPanel2 {
background-color: $roomlist2-bg-color; background-color: $roomlist2-bg-color;

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

@@ -33,7 +33,7 @@ limitations under the License.
.mx_TagPanel .mx_TagPanel_clearButton_container { .mx_TagPanel .mx_TagPanel_clearButton_container {
/* Constant height within flex mx_TagPanel */ /* Constant height within flex mx_TagPanel */
height: 70px; height: 70px;
width: 60px; width: 56px;
flex: none; flex: none;
@@ -51,7 +51,7 @@ limitations under the License.
.mx_TagPanel .mx_TagPanel_divider { .mx_TagPanel .mx_TagPanel_divider {
height: 0px; height: 0px;
width: 42px; width: 34px;
border-bottom: 1px solid $panel-divider-color; border-bottom: 1px solid $panel-divider-color;
display: none; display: none;
} }
@@ -69,12 +69,10 @@ limitations under the License.
height: 100%; height: 100%;
} }
.mx_TagPanel .mx_TagPanel_tagTileContainer > div { .mx_TagPanel .mx_TagPanel_tagTileContainer > div {
height: 40px; margin: 8px 0;
padding: 10px 0 9px 0;
} }
.mx_TagPanel .mx_TagTile { .mx_TagPanel .mx_TagTile {
margin: 9px 0;
// opacity: 0.5; // opacity: 0.5;
position: relative; position: relative;
} }
@@ -86,8 +84,8 @@ limitations under the License.
.mx_TagPanel .mx_TagTile_plus { .mx_TagPanel .mx_TagTile_plus {
margin-bottom: 12px; margin-bottom: 12px;
height: 40px; height: 32px;
width: 40px; width: 32px;
border-radius: 20px; border-radius: 20px;
background-color: $roomheader-addroom-bg-color; background-color: $roomheader-addroom-bg-color;
position: relative; position: relative;

2
src/components/views/elements/TagTile.js
View File

@@ -130,7 +130,7 @@ export default createReactClass({
const BaseAvatar = sdk.getComponent('avatars.BaseAvatar'); const BaseAvatar = sdk.getComponent('avatars.BaseAvatar');
const profile = this.state.profile || {}; const profile = this.state.profile || {};
const name = profile.name || this.props.tag; const name = profile.name || this.props.tag;
const avatarHeight = 40; const avatarHeight = 32;
const httpUrl = profile.avatarUrl ? this.context.mxcUrlToHttp( const httpUrl = profile.avatarUrl ? this.context.mxcUrlToHttp(
profile.avatarUrl, avatarHeight, avatarHeight, "crop", profile.avatarUrl, avatarHeight, avatarHeight, "crop",