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

Upgrading discover inputs to flex

Browse Source
This commit is contained in:
James Barnsley
2019-11-27 13:34:00 +13:00
parent d2f4c05d80
commit 61c3a5689a
7 changed files with 81 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
mopidy_iris/static/app.css
View File

@ -7202,24 +7202,25 @@ main .track-view {
.discover-view .intro__parameters .tunabilities {
float: left; }
.discover-view .intro__actions {
padding-top: 20px; }
padding-top: 20px;
display: flex;
align-items: stretch; }
.discover-view .intro__actions__separator {
width: 20px; }
.discover-view .intro__actions .autocomplete-field {
width: 250px;
display: inline-block;
vertical-align: bottom;
flex: 1;
display: block;
padding: 0;
margin-right: 1px; }
.discover-view .intro__actions .autocomplete-field .input {
float: none;
margin: 0 10px 10px 0; }
margin: 0 10px 0 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; }
border: 1px solid transparent; }
.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) {
@ -7229,15 +7230,22 @@ main .track-view {
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 .intro__actions .dropdown-field {
display: block;
margin-left: 20px; }
.discover-view .intro__actions .dropdown-field .button {
background: rgba(100, 100, 100, 0.5);
color: #FFFFFF;
padding: 16px 20px 14px 20px; }
.discover-view .intro__actions .dropdown-field .options {
top: 50px;
right: 20px; }
.discover-view .intro__actions .dropdown-field__label {
margin: 0;
text-align: center; }
.discover-view .intro__actions .submit {
display: block;
margin: 0; }
.discover-view .seeds .seed {
color: #FFFFFF;
@ -7330,12 +7338,17 @@ main .track-view {
.discover-view .intro__parameters .add .add-properties {
margin-right: 0; }
.discover-view .intro__actions {
padding-top: 0; }
.discover-view .intro__actions .add-seed-field {
width: 69%; }
padding-top: 0;
flex-wrap: wrap; }
.discover-view .intro__actions__separator {
flex-basis: 100%;
height: 10px;
width: 100%; }
.discover-view .intro__actions .submit {
width: 100%;
text-align: center; }
.discover-view .intro__actions .add-properties {
width: 30%;
margin-right: 0; }
margin-left: 10px; }
.discover-view .col.tracks {
width: 100%; }
.discover-view .col.others, .discover-view .col.w5 {

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

File diff suppressed because one or more lines are too long

1
mopidy_iris/static/app.js
View File

@ -93628,6 +93628,7 @@ var Discover = function (_React$Component) {
_react2.default.createElement(_DropdownField2.default, { className: 'add-properties', name: 'Properties', options: addable_tunabilities, no_status_icon: true, button: 'default', handleChange: function handleChange(val) {
_this5.toggleTunability(val);
} }),
_react2.default.createElement('div', { className: 'intro__actions__separator' }),
_react2.default.createElement(
'span',
{ className: 'submit button button--primary button--large' + (is_loading ? ' button--working' : ''), onClick: function onClick(e) {

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

File diff suppressed because one or more lines are too long

2
mopidy_iris/static/index.html
View File

@ -100,7 +100,7 @@
// Release details
// These are automatically injected to built HTML
var build = "1574369066";
var build = "1574810590";
var version = "3.42.2";
// Construct the script tag