secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Pinned items at bottom, now at top

Browse Source
This commit is contained in:
James Barnsley
2021-06-25 20:26:30 +12:00
parent 8ea292487c
commit 3fab945b28
9 changed files with 24 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/js/components/ContextMenu.js
View File

@ -799,7 +799,7 @@ class ContextMenu extends React.Component {
};
}));
playlists = sortItems(playlists, 'name');
playlists = sortItems(playlists, 'is_pinned');
playlists = sortItems(playlists, 'is_pinned', true);
list = (
<span className="context-menu__item">
@ -833,9 +833,9 @@ class ContextMenu extends React.Component {
return (
<div className="context-menu__section context-menu__section--submenu">
<div className="context-menu__item">
<div className="context-menu__item context-menu__item--functional">
<a
className="context-menu__item__link context-menu__item__link--close-submenu"
className="context-menu__item__link"
onClick={this.closeSubmenu}
>
<span className="context-menu__item__label">
@ -846,8 +846,8 @@ class ContextMenu extends React.Component {
</span>
</a>
</div>
<div className="context-menu__item">
<Link className="context-menu__item__link" to={`playlist/create/${encodedUris}`}>
<div className="context-menu__item context-menu__item--functional">
<Link className="context-menu__item__link" to={`/playlist/create/${encodedUris}`}>
<span className="context-menu__item__label">
<Icon name="add" />
<span>

6
src/scss/components/_context-menu.scss
View File

@ -28,8 +28,12 @@
&__item {
width: 100%;
&__link--close-submenu {
&--functional {
color: colour('mid_grey');
&:last-of-type {
border-bottom: 1px solid colour('middle_grey');
}
}
&__label {