rc/aircox
13
1
Fork 1
Code Issues 15 Pull Requests Projects Releases Wiki Activity

better action rendering in player; work on css; start dynamic views based on foxcms

Browse Source
This commit is contained in:
bkfox 2017-05-04 16:32:28 +02:00
parent 5dba577062
commit aff3476088
3 changed files with 41 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
aircox_cms/static/aircox_cms/css/layout.css
View File

@ -2,7 +2,7 @@
* Define rules for the default layouts, and some useful classes * Define rules for the default layouts, and some useful classes
*/ */
body { body {
max-width: 85em; max-width: 92em;
margin: 0em auto; margin: 0em auto;
padding: 0em; padding: 0em;
} }
@ -88,7 +88,7 @@ body > .top {
z-index: 10000000; z-index: 10000000;
top: 0; top: 0;
width: calc(100% - 0.8em); width: calc(100% - 0.8em);
max-width: calc(85em - 0.8em); max-width: calc(92em - 0.8em);
height: 2.5em; height: 2.5em;
margin: 0em auto; margin: 0em auto;
background-color: white; background-color: white;
@ -140,6 +140,7 @@ body > .header {
body section ul { body section ul {
padding: 0em; padding: 0em;
padding-left: 1em;
} }
/** content: list & items **/ /** content: list & items **/
@ -161,6 +162,9 @@ ul.list {
.list_item img.cover.big { .list_item img.cover.big {
display: block; display: block;
max-width: 100%;
min-height: 15em;
margin: auto;
} }
.list_item img.cover.small { .list_item img.cover.small {
@ -312,6 +316,7 @@ ul.list {
} }
.player .playlist .item { .player .playlist .item {
position: relative;
margin: 0em; margin: 0em;
padding: 0.2em 0.4em; padding: 0.2em 0.4em;
cursor: pointer; cursor: pointer;
@ -327,13 +332,32 @@ ul.list {
.player .playlist .item .actions { .player .playlist .item .actions {
display: none; display: none;
font-size: 0.9em; height: 100%;
max-width: 2.9em;
position: absolute;
right: 0px;
font-size: 1.2em;
text-align: right;
} }
.player .playlist .item:hover .actions { .player .playlist .item:hover .actions {
display: inline; display: inline;
} }
.player .playlist .item .action {
display: inline-block;
width: 1.2em;
height: 1.2em;
border-radius: 0.2em;
text-align: center;
line-height: 1.2em;
background-color: #F2F2F2;
}
.player .playlist .item .action:hover {
background-color: rgba(0, 126, 223, 0.1);
}
.player .playlist .duration { .player .playlist .duration {
text-align: right; text-align: right;
} }

5
aircox_cms/templates/aircox_cms/snippets/player.html
View File

@ -25,13 +25,14 @@
<div class="content flex_row"> <div class="content flex_row">
<span class="info position flex_item"></span> <span class="info position flex_item"></span>
<span class="info duration flex_item"></span> <span class="info duration flex_item"></span>
</div>
</div>
<span class="actions"> <span class="actions">
<a class="action add" title="{% trans "add to the player" %}">+</a> <a class="action add" title="{% trans "add to the player" %}">+</a>
<a class="action detail" title="{% trans "more informations" %}">➔</a> <a class="action detail" title="{% trans "more informations" %}">➔</a>
<a class="action remove" title="{% trans "remove this sound" %}">✖</a> <a class="action remove" title="{% trans "remove this sound" %}">✖</a>
</span> </span>
</div>
</div>
</li> </li>
</div> </div>

6
aircox_cms/templates/aircox_cms/tags Executable file
View File

@ -0,0 +1,6 @@
!_TAG_FILE_FORMAT 2 /extended format; --format=1 will not append ;" to lines/
!_TAG_FILE_SORTED 1 /0=unsorted, 1=sorted, 2=foldcase/
!_TAG_PROGRAM_AUTHOR Darren Hiebert /dhiebert@users.sourceforge.net/
!_TAG_PROGRAM_NAME Exuberant Ctags //
!_TAG_PROGRAM_URL http://ctags.sourceforge.net /official site/
!_TAG_PROGRAM_VERSION 5.8 //