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

Button BEM; Context menu added_by

Browse Source
This commit is contained in:
James Barnsley
2018-12-07 15:57:20 +13:00
parent 7538402ae7
commit 078add0929
17 changed files with 145 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
mopidy_iris/static/app.js
View File

@ -3593,10 +3593,6 @@ function getFeaturedPlaylists() {
}));
}
// Pick the first playlist, and get the full playlist object
// We use this as in our introduction parallax panel, and need the full playlist
dispatch(getPlaylist(playlists[0].uri));
dispatch({
type: 'PLAYLISTS_LOADED',
playlists: playlists
@ -67558,7 +67554,7 @@ var ContextMenu = function (_React$Component) {
);
}
if (context.items_count == 1 && context.item !== undefined) {
if (context.items_count == 1 && context.name == 'queue-track' && context.item !== undefined) {
if (this.props.queue_metadata["tlid_" + context.item.tlid] !== undefined) {
var metadata = this.props.queue_metadata["tlid_" + context.item.tlid];
@ -71109,7 +71105,7 @@ var Track = function (_React$Component) {
{ className: 'actions' },
_react2.default.createElement(
'button',
{ className: 'primary', onClick: function onClick(e) {
{ className: 'button button--primary', onClick: function onClick(e) {
return _this3.play();
} },
'Play'
@ -71252,7 +71248,7 @@ var FollowButton = function (_React$Component) {
return false;
}
var className = '';
var className = 'button';
// Inherit passed-down classes
if (this.props.className) {
@ -71262,7 +71258,7 @@ var FollowButton = function (_React$Component) {
if (!this.props.lastfm_authorized) {
return _react2.default.createElement(
'button',
{ className: className + ' disabled', onClick: function onClick(e) {
{ className: className + ' button--disabled', onClick: function onClick(e) {
return _this2.props.uiActions.createNotification({ content: 'You must authorize LastFM first', type: 'warning' });
} },
this.props.addText
@ -71270,7 +71266,7 @@ var FollowButton = function (_React$Component) {
} else if (this.props.is_loved && this.props.is_loved !== "0") {
return _react2.default.createElement(
'button',
{ className: className + ' destructive', onClick: function onClick(e) {
{ className: className + ' button--destructive', onClick: function onClick(e) {
return _this2.remove();
} },
this.props.removeText
@ -71539,7 +71535,7 @@ var Queue = function (_React$Component) {
null,
this.props.spotify_enabled ? _react2.default.createElement(
_Link2.default,
{ className: 'button no-hover', to: global.baseURL + 'queue/radio' },
{ className: 'button button--no-hover', to: global.baseURL + 'queue/radio' },
_react2.default.createElement(_Icon2.default, { name: 'radio' }),
'Radio',
this.props.radio && this.props.radio.enabled ? _react2.default.createElement(
@ -71550,13 +71546,13 @@ var Queue = function (_React$Component) {
) : null,
_react2.default.createElement(
_Link2.default,
{ className: 'button no-hover', to: global.baseURL + 'queue/history' },
{ className: 'button button--no-hover', to: global.baseURL + 'queue/history' },
_react2.default.createElement(_Icon2.default, { name: 'history' }),
'History'
),
_react2.default.createElement(
'a',
{ className: 'button no-hover', onClick: function onClick(e) {
{ className: 'button button--no-hover', onClick: function onClick(e) {
_this2.props.mopidyActions.clearTracklist();_this2.props.uiActions.hideContextMenu();
} },
_react2.default.createElement(_Icon2.default, { name: 'delete_sweep' }),
@ -71564,7 +71560,7 @@ var Queue = function (_React$Component) {
),
_react2.default.createElement(
_Link2.default,
{ className: 'button no-hover', to: global.baseURL + 'queue/add-uri' },
{ className: 'button button--no-hover', to: global.baseURL + 'queue/add-uri' },
_react2.default.createElement(_Icon2.default, { name: 'playlist_add' }),
'Add URI'
)
@ -71764,7 +71760,7 @@ var QueueHistory = function (_React$Component) {
value: function render() {
var options = _react2.default.createElement(
'a',
{ className: 'button no-hover', onClick: function onClick(e) {
{ className: 'button button--no-hover', onClick: function onClick(e) {
return _reactRouter.hashHistory.push(global.baseURL + 'queue');
} },
_react2.default.createElement(_Icon2.default, { name: 'keyboard_backspace' }),
@ -71951,7 +71947,7 @@ var Debug = function (_React$Component) {
var options = _react2.default.createElement(
'a',
{ className: 'button no-hover', onClick: function onClick(e) {
{ className: 'button button--no-hover', onClick: function onClick(e) {
return _reactRouter.hashHistory.push(global.baseURL + 'settings');
} },
_react2.default.createElement(_Icon2.default, { name: 'keyboard_backspace' }),
@ -73442,7 +73438,7 @@ var Settings = function (_React$Component) {
null,
_react2.default.createElement(
'a',
{ className: 'button no-hover', onClick: function onClick(e) {
{ className: 'button button--no-hover', onClick: function onClick(e) {
return _reactRouter.hashHistory.push(global.baseURL + 'settings/debug');
} },
_react2.default.createElement(_Icon2.default, { name: 'code' }),
@ -73450,7 +73446,7 @@ var Settings = function (_React$Component) {
),
_react2.default.createElement(
'a',
{ className: 'no-hover button', href: 'https://github.com/jaedb/Iris/wiki', target: '_blank' },
{ className: 'button button--no-hover', href: 'https://github.com/jaedb/Iris/wiki', target: '_blank' },
_react2.default.createElement(_Icon2.default, { name: 'help' }),
'Help'
)
@ -76302,12 +76298,12 @@ var Services = function (_React$Component) {
{ className: 'input' },
_react2.default.createElement(_SpotifyAuthenticationFrame2.default, null),
this.props.spotify.refreshing_token ? _react2.default.createElement(
'button',
'a',
{ className: 'button button--working' },
'Refreshing...'
) : _react2.default.createElement(
'button',
{ onClick: function onClick(e) {
'a',
{ className: 'button', onClick: function onClick(e) {
return _this2.props.spotifyActions.refreshingToken();
} },
'Force token refresh'
@ -80932,7 +80928,7 @@ var DiscoverFeatured = function (_React$Component) {
var options = _react2.default.createElement(
'a',
{ className: 'button no-hover', onClick: function onClick(e) {
{ className: 'button button--no-hover', onClick: function onClick(e) {
_this2.props.uiActions.hideContextMenu();_this2.props.spotifyActions.getFeaturedPlaylists();
} },
_react2.default.createElement(_Icon2.default, { name: 'refresh' }),
@ -81595,7 +81591,7 @@ var DiscoverNewReleases = function (_React$Component) {
var options = _react2.default.createElement(
'a',
{ className: 'button no-hover', onClick: function onClick(e) {
{ className: 'button button--no-hover', onClick: function onClick(e) {
_this2.props.uiActions.hideContextMenu();_this2.props.spotifyActions.getNewReleases();
} },
_react2.default.createElement(_Icon2.default, { name: 'refresh' }),

2
mopidy_iris/static/app.js.map
View File

File diff suppressed because one or more lines are too long

157
mopidy_iris/static/app.min.css vendored
View File

@ -3326,10 +3326,10 @@ select {
text-align: center; }
.button .icon {
padding-right: 8px; }
.button:not(.no-hover) {
.button:not(.button--no-hover) {
position: relative;
border-radius: 3px; }
.button:not(.no-hover):before {
.button:not(.button--no-hover):before {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
@ -3349,9 +3349,9 @@ select {
background: -moz-linear-gradient(to bottom right, rgba(255, 255, 255, 0.75), black);
background: -o-linear-gradient(to bottom right, rgba(255, 255, 255, 0.75), black);
background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.75), black); }
.notouch .button:not(.no-hover):hover {
.notouch .button:not(.button--no-hover):hover {
box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2); }
.notouch .button:not(.no-hover):hover:before {
.notouch .button:not(.button--no-hover):hover:before {
opacity: 0.2; }
.button:active {
-webkit-transition: none !important;
@ -3361,10 +3361,10 @@ select {
background: #f2f2f2;
transform: translate(1px, 1px);
opacity: 0.8; }
.light-theme .button {
.light-theme .button--default {
background: #181818;
color: #FFFFFF; }
.light-theme .button:active {
.light-theme .button--default:active {
background: #000000; }
.button--small {
padding: 6px 18px 4px; }
@ -3376,6 +3376,9 @@ select {
.button--primary {
background: #08d58f;
color: #FFFFFF; }
.button--secondary {
background: #32b5f2;
color: #FFFFFF; }
.button--white {
color: #000000;
background: #FFFFFF; }
@ -3388,9 +3391,6 @@ select {
.button--confirming, .button--destructive {
background: #cf2d2d;
color: #FFFFFF; }
.button--alternative {
background: #32b5f2;
color: #FFFFFF; }
.button--timing-out {
position: relative; }
.button--timing-out:before {
@ -3733,6 +3733,8 @@ select {
text-transform: capitalize; }
.context-menu__title__deselect {
font-size: 0.86em; }
.context-menu__title a {
color: inherit; }
.context-menu__section {
position: absolute;
top: 20%;
@ -4853,12 +4855,12 @@ aside {
position: relative;
border-radius: 3px;
font-family: "Overpass";
font-weight: 500;
font-weight: 600;
font-size: 15px;
color: #FFFFFF;
text-decoration: none;
display: block;
padding: 12px 10px 10px;
padding: 13px 10px 10px;
margin: 0 18px;
border-radius: 3px; }
aside nav a:before {
@ -4882,7 +4884,7 @@ aside {
background: -o-linear-gradient(to bottom right, rgba(255, 255, 255, 0.75), black);
background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.75), black); }
.light-theme aside nav a {
color: #181818;
color: #121212;
font-weight: 600; }
aside nav a .icon {
padding-right: 8px;
@ -6751,7 +6753,8 @@ main .track-view {
z-index: 1; }
.discover-view .intro h1 {
font-size: 3rem;
line-height: 3rem; }
line-height: 3rem;
padding-bottom: 10px; }
.discover-view .intro__liner {
z-index: 2;
position: relative;
@ -6760,54 +6763,52 @@ main .track-view {
padding-bottom: 8px; }
.light-theme .discover-view .intro__liner {
color: #121212; }
.discover-view__parameters {
padding-top: 50px; }
.discover-view__parameters::after {
content: '';
clear: both;
display: block; }
.discover-view__parameters .seeds,
.discover-view__parameters .tunabilities {
float: left; }
.discover-view__actions {
padding-top: 40px; }
.discover-view__actions .autocomplete-field {
width: 250px;
display: inline-block;
vertical-align: bottom;
padding: 0;
margin-right: 1px; }
.discover-view__actions .autocomplete-field .input {
float: none;
margin: 0 10px 10px 0; }
.discover-view__actions .autocomplete-field .input input {
background: rgba(100, 100, 100, 0.5);
color: #FFFFFF;
padding: 15px 13px 10px;
font-size: 16px;
border: 1px solid transparent;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.discover-view__actions .autocomplete-field .input input:focus, .discover-view__actions .autocomplete-field .input input:active {
border-color: #32b5f2; }
.discover-view__actions .autocomplete-field .input input:not(*:root) {
padding-top: 16px;
padding-bottom: 11px; }
.discover-view__actions .autocomplete-field .input:after {
background: #32b5f2; }
.discover-view__actions .autocomplete-field .results {
top: 49px; }
.discover-view__actions .dropdown-field .button {
background: rgba(100, 100, 100, 0.5);
color: #FFFFFF;
padding: 16px 20px 14px 20px;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.discover-view__actions .dropdown-field .options {
top: 50px;
right: 20px; }
.discover-view .intro__parameters {
padding-top: 50px; }
.discover-view .intro__parameters::after {
content: '';
clear: both;
display: block; }
.discover-view .intro__parameters .seeds,
.discover-view .intro__parameters .tunabilities {
float: left; }
.discover-view .intro__actions {
padding-top: 40px; }
.discover-view .intro__actions .autocomplete-field {
width: 250px;
display: inline-block;
vertical-align: bottom;
padding: 0;
margin-right: 1px; }
.discover-view .intro__actions .autocomplete-field .input {
float: none;
margin: 0 10px 10px 0; }
.discover-view .intro__actions .autocomplete-field .input input {
background: rgba(100, 100, 100, 0.5);
color: #FFFFFF;
padding: 15px 13px 10px;
font-size: 16px;
border: 1px solid transparent;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.discover-view .intro__actions .autocomplete-field .input input:focus, .discover-view .intro__actions .autocomplete-field .input input:active {
border-color: #32b5f2; }
.discover-view .intro__actions .autocomplete-field .input input:not(*:root) {
padding-top: 16px;
padding-bottom: 11px; }
.discover-view .intro__actions .autocomplete-field .input:after {
background: #32b5f2; }
.discover-view .intro__actions .autocomplete-field .results {
top: 49px; }
.discover-view .intro__actions .dropdown-field .button {
background: rgba(100, 100, 100, 0.5);
color: #FFFFFF;
padding: 16px 20px 14px 20px;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.discover-view .intro__actions .dropdown-field .options {
top: 50px;
right: 20px; }
.discover-view .seeds .seed {
color: #FFFFFF;
@ -6881,23 +6882,27 @@ main .track-view {
@media (max-width: 800px) {
.discover-view .intro {
padding: 40px 20px; }
.discover-view .intro__parameters .seeds {
padding-top: 20px;
float: none; }
.discover-view .intro__parameters .seeds .seed {
.discover-view .intro__parameters {
padding-top: 20px; }
.discover-view .intro__parameters .seeds {
padding-top: 20px;
float: none; }
.discover-view .intro__parameters .tunabilities {
float: none; }
.discover-view .intro__parameters .tunabilities .tunability {
width: 100%;
.discover-view .intro__parameters .seeds .seed {
float: none; }
.discover-view .intro__parameters .tunabilities {
float: none; }
.discover-view .intro__parameters .add .add-properties {
margin-right: 0; }
.discover-view .intro__actions .add-seed-field {
width: 69%; }
.discover-view .intro__actions .add-properties {
width: 30%;
margin-right: 0; }
.discover-view .intro__parameters .tunabilities .tunability {
width: 100%;
float: none; }
.discover-view .intro__parameters .add .add-properties {
margin-right: 0; }
.discover-view .intro__actions {
padding-top: 10px; }
.discover-view .intro__actions .add-seed-field {
width: 69%; }
.discover-view .intro__actions .add-properties {
width: 30%;
margin-right: 0; }
.discover-view .col.tracks {
width: 100%; }
.discover-view .col.others, .discover-view .col.w5 {

52
mopidy_iris/static/app.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
mopidy_iris/static/app.min.js.map
View File

File diff suppressed because one or more lines are too long

2
mopidy_iris/static/index.html
View File

@ -98,7 +98,7 @@
// Release details
// These are automatically injected to built HTML
var build = "1544135719";
var build = "1544151340";
var version = "3.31.2";
// Construct the script tag