lone-cloud/huegasm
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

styling touchups

Browse source
This commit is contained in:
lone-cloud 2015-10-14 23:17:37 -07:00
parent c2ddab00c1
commit 04b9275e67
2 changed files with 13 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/pods/components/music-tab/template.hbs
View file

@ -89,8 +89,8 @@
{{/if}} {{/if}}
</div> </div>
<div data-toggle="tooltip" data-placement="bottom auto" data-title="Remove" class="audioRemoveButton cursorPointer bootstrapTooltip" {{action "removeAudio" index bubbles=false}}>{{paper-icon icon="close"}} <span data-toggle="tooltip" data-placement="bottom auto" data-title="Remove" data-container="body" class="audioRemoveButton cursorPointer bootstrapTooltip" {{action "removeAudio" index bubbles=false}}>{{paper-icon icon="close"}}
</div> </span>
</div> </div>
{{/each}} {{/each}}
</div> </div>

20
app/styles/app.scss
View file

@ -254,8 +254,8 @@ md-slider.md-default-theme .md-thumb:after {
.lightGroup { .lightGroup {
margin: 0 auto 0 auto; margin: 0 auto 0 auto;
.tooltip.top { .tooltip.top {
margin-top: -10px; margin-top: 4px;
margin-left: -3px; margin-left: 0;
} }
div { div {
display: inline-block; display: inline-block;
@ -273,8 +273,8 @@ md-slider.md-default-theme .md-thumb:after {
font-weight: bold; font-weight: bold;
position: absolute; position: absolute;
content: "X"; content: "X";
top: 0; top: -10px;
left: 15px; left: 5px;
font-size: 40px; font-size: 40px;
color: rgba(255, 0, 0, 0.37); color: rgba(255, 0, 0, 0.37);
font-family: cursive; font-family: cursive;
@ -286,8 +286,8 @@ md-slider.md-default-theme .md-thumb:after {
left: 6px; left: 6px;
} }
.tooltip.top { .tooltip.top {
margin-top: 2px; margin-top: 1px;
margin-left: 0; margin-left: 2px;
} }
} }
@ -653,9 +653,6 @@ md-switch.md-default-theme.md-checked .md-thumb {
color: black; color: black;
background: darken(white, 5%); background: darken(white, 5%);
.close { .close {
position: absolute;
top: 10%;
right: 10px;
font-size: 18px; font-size: 18px;
} }
.albumArt { .albumArt {
@ -673,6 +670,11 @@ md-switch.md-default-theme.md-checked .md-thumb {
overflow: hidden; overflow: hidden;
} }
} }
.audioRemoveButton {
position: absolute;
top: 40%;
right: 0;
}
} }
.playlistItem.active { .playlistItem.active {