/*
 * MusicDB,  a music manager with web-bases UI that focus on music.
 * Copyright (C) 2017-2021  Ralf Stemmer <ralf.stemmer@gmx.net>
 * 
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

/******************/
/* Main Container */
/******************/

div.MusicDBHUD
{
    height:         100%;
    align-content:  space-between;
    align-items:    center;

    width:          90%;
    box-shadow:     inset 0px 0px 10px 0px;
}

div.MusicDBHUD > div
{
    flex-shrink:    0;
}



/******************/
/* Main Layout    */
/******************/

div.MusicDBHUD .ArtworkBox
{
    flex-grow:      0;
    margin-left:    8px;
    margin-right:   5px;
    border-radius:  var(--radius);
    overflow:       hidden;
}
div.MusicDBHUD .ArtworkBox[data-musictype="unknown"] > .Artwork
{
    width:          4em;
    height:         4em;
}
div.MusicDBHUD .ArtworkBox[data-musictype="audio"] > .Artwork
{
    width:          4em;
    height:         4em;
}
div.MusicDBHUD .ArtworkBox[data-musictype="video"] > .Artwork
{
    /* TODO */
    width:          107px;  /* 16:9 */
    height:         60px;
}
.ArtworkBox img
{
    cursor:         pointer;    /*No DnD here*/
    width:          auto;
    height:         100%;
}


div.MusicDBHUD .InformationBox
{
    flex-grow:      1;
    flex-shrink:    1;
    margin-left:    5px;
    overflow:       hidden;
}

div.MusicDBHUD .GenreBox
{
    opacity:        0.5;
}



/********************/
/* Song Information */
/********************/

div.MusicDBHUD .InformationBoxElement > div
{
    display:        flex;
    align-items:    center;
}

div.MusicDBHUD .InformationBoxElement span
{
    white-space:    nowrap;
    overflow:       hidden;
}

div.MusicDBHUD .InformationBoxElement .SVGIcon
{
    display:            inline-flex;
    flex-shrink:        0;
    margin-right:       1ch;
    margin-left:        1ch;
    opacity:            0.5;
}

/* vim: tabstop=4 expandtab shiftwidth=4 softtabstop=4 
 */