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

Make padding only on the prototype tag panel

Browse source
This commit is contained in:
Travis Ralston 2020-08-26 08:42:26 -06:00
parent c68636bd32
commit 0c67a42b0f
3 changed files with 6 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

4
res/css/structures/_TagPanel.scss
View file

@ -75,8 +75,12 @@ limitations under the License.
.mx_TagPanel .mx_TagTile { .mx_TagPanel .mx_TagTile {
// opacity: 0.5; // opacity: 0.5;
position: relative; position: relative;
}
.mx_TagPanel .mx_TagTile.mx_TagTile_prototype {
padding: 3px; padding: 3px;
} }
.mx_TagPanel .mx_TagTile:focus, .mx_TagPanel .mx_TagTile:focus,
.mx_TagPanel .mx_TagTile:hover, .mx_TagPanel .mx_TagTile:hover,
.mx_TagPanel .mx_TagTile.mx_TagTile_selected { .mx_TagPanel .mx_TagTile.mx_TagTile_selected {

1
src/components/views/elements/TagTile.js
View file

@ -144,6 +144,7 @@ export default createReactClass({
const isPrototype = SettingsStore.getValue("feature_communities_v2_prototypes"); const isPrototype = SettingsStore.getValue("feature_communities_v2_prototypes");
const className = classNames({ const className = classNames({
mx_TagTile: true, mx_TagTile: true,
mx_TagTile_prototype: isPrototype,
mx_TagTile_selected: this.props.selected && !isPrototype, mx_TagTile_selected: this.props.selected && !isPrototype,
mx_TagTile_selected_prototype: this.props.selected && isPrototype, mx_TagTile_selected_prototype: this.props.selected && isPrototype,
}); });

1
src/components/views/elements/UserTagTile.tsx
View file

@ -66,6 +66,7 @@ export default class UserTagTile extends React.PureComponent<IProps, IState> {
// TagTile instead if we continue to use this component. // TagTile instead if we continue to use this component.
const className = classNames({ const className = classNames({
mx_TagTile: true, mx_TagTile: true,
mx_TagTile_prototype: true,
mx_TagTile_selected_prototype: this.state.selected, mx_TagTile_selected_prototype: this.state.selected,
mx_TagTile_home: true, mx_TagTile_home: true,
}); });