Jerry/cyp
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

flex kw

Browse source
This commit is contained in:
Ondrej Zara 2020-03-11 14:21:04 +01:00
parent 2d363bc706
commit f21027895c
No known key found for this signature in database
GPG key ID: B0A5751E616840C5
5 changed files with 21 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
app/css/cyp.less
View file

@ -9,12 +9,12 @@ body {
} }
main { main {
flex-grow: 1; flex: auto;
overflow: auto; overflow: auto;
} }
header, footer { header, footer {
flex-shrink: 0; flex: none;
z-index: 1; z-index: 1;
box-shadow: var(--box-shadow); box-shadow: var(--box-shadow);
} }
@ -38,9 +38,11 @@ button {
-moz-appearance: none; -moz-appearance: none;
appearance: none; appearance: none;
.flex-row; &:not([hidden]) { display: flex; }
display: inline-flex; flex-direction: row;
flex-shrink: 0; align-items: center;
flex: none;
background-color: transparent; background-color: transparent;
padding: 0; padding: 0;

7
app/css/elements/song.less
View file

@ -1,16 +1,13 @@
cyp-song { cyp-song {
.item; .item;
.info { .multiline {
flex-grow: 1;
min-width: 0; // bez tohoto se odmita zmensit
.flex-column; .flex-column;
min-width: 0; // bez tohoto se odmita zmensit
/* FIXME toto je relikt z .component /* FIXME toto je relikt z .component
.icon { .icon {
color: var(--primary); color: var(--primary);
margin-right: var(--icon-spacing);
filter: drop-shadow(var(--text-shadow));
} }
*/ */

11
app/css/mixins.less
View file

@ -44,15 +44,20 @@
} }
> .icon { > .icon {
flex: none;
margin-right: var(--icon-spacing); margin-right: var(--icon-spacing);
filter: drop-shadow(var(--text-shadow)); filter: drop-shadow(var(--text-shadow));
} }
.title { .title {
font-size: var(--font-size-large); font-size: var(--font-size-large);
flex-grow: 1; min-width: 0;
min-width: 0; // bez tohoto se odmita zmensit .ellipsis;
}
button {
&:first-of-type { margin-left: auto; }
.icon { width: 32px; }
} }
button .icon { width: 32px; }
} }

2
app/cyp.css
View file

File diff suppressed because one or more lines are too long

6
app/js/elements/song.js
View file

@ -10,12 +10,12 @@ export default class Song extends Item {
} }
connectedCallback() { connectedCallback() {
let info = html.node("div", {className:"info"}, "", this); let block = html.node("div", {className:"multiline"}, "", this);
let lines = formatSongInfo(this.data); let lines = formatSongInfo(this.data);
info.appendChild(this._buildTitle(lines.shift())); block.appendChild(this._buildTitle(lines.shift()));
lines.length && html.node("span", {className:"subtitle"}, lines.shift(), info); lines.length && html.node("span", {className:"subtitle"}, lines.shift(), block);
} }
} }