Matrix/element-web-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2024-11-15 20:54:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #6134 from vector-im/luke/fix-tag-panel-collapse

Browse Source 
Fix TagPanel from collapsing to < 60px when LP collapsed
This commit is contained in:
Matthew Hodgson 2018-02-13 22:02:58 +00:00 committed by GitHub
commit 7aea7f9400
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/structures/LeftPanel.js
View File

@ -238,9 +238,14 @@ var LeftPanel = React.createClass({
}
);
const containerClasses = classNames(
"mx_LeftPanel_container",
{ "mx_LeftPanel_container_collapsed": this.props.collapsed },
);
return (
<DragDropContext onDragEnd={this.onDragEnd}>
<div className="mx_LeftPanel_container">
<div className={containerClasses}>
{ SettingsStore.isFeatureEnabled("feature_tag_panel") ? <TagPanel /> : <div /> }
<aside className={classes} onKeyDown={ this._onKeyDown } onFocus={ this._onFocus } onBlur={ this._onBlur }>
{ topBox }

2
src/skins/vector/css/matrix-react-sdk/structures/_TagPanel.scss
View File

@ -15,7 +15,7 @@ limitations under the License.
*/
.mx_TagPanel {
width: 60px;
flex: 0 0 60px;
background-color: $tertiary-accent-color;
cursor: pointer;

7
src/skins/vector/css/vector-web/structures/_LeftPanel.scss
View File

@ -23,7 +23,12 @@ limitations under the License.
.mx_LeftPanel_container {
display: flex;
flex: 0 0 235px;
flex: 0 0 295px;
}
.mx_LeftPanel_container_collapsed {
/* TagPanel 60px + Collapsed LeftPanel 60px */
flex: 0 0 120px;
}
.mx_LeftPanel_hideButton {