PonyMirrors/Pony.fm
1
0
Fork 0
mirror of https://github.com/Poniverse/Pony.fm.git synced 2024-11-23 05:27:59 +01:00
Code Issues Projects Releases Packages Wiki Activity

Buttons!

Browse source
This commit is contained in:
Josef Citrine 2016-07-11 02:30:01 +01:00
parent bd07c5ca98
commit 1fd921be58
3 changed files with 59 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
public/templates/partials/playlist-dialog.html
View file

@ -31,13 +31,13 @@
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary" ng-disabled="isLoading">
<button type="submit" class="btn btn-flat btn-primary" ng-disabled="isLoading">
<span ng-show="isNew">Create</span>
<span ng-hide="isNew">Edit</span>
Playlist
<i class="ui-icon-gear fa-spin" ng-show="isLoading"></i>
</button>
<a class="btn btn-default" ng-click="$hide()" ng-disabled="isLoading">Close</a>
<a class="btn btn-flat btn-default" ng-click="$hide()" ng-disabled="isLoading">Close</a>
</div>
</form>
</div>

34
resources/assets/styles/components/components.less vendored
View file

@ -51,6 +51,12 @@
margin: 0px;
}
> .btn {
text-transform: initial;
box-shadow: 0 0 0 transparent !important;
transition: background-color 0.3s @swift-ease-in-out;
}
&.has-filter {
> .btn {
background: @pfm-purple;
@ -216,13 +222,39 @@ ui-view {
html body {
.btn {
.border-radius(0px);
.material-shadow(1);
.border-radius(3px);
border:0;
transition: all 0.3s @swift-ease-in-out;
text-transform: uppercase;
letter-spacing: .5px;
outline: 0;
&:hover {
.material-shadow(2);
}
&.btn-flat {
box-shadow: 0 0 0 transparent !important;
}
}
.btn.btn-primary, .add-btn, .btn-success {
background: @pfm-purple;
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
color: #fff;
&:hover {
background-color: darken(@pfm-purple, 15%);
}
&.btn-flat {
background-color: transparent;
color: @pfm-purple;
&:hover {
background-color: lighten(@pfm-purple, 30%);
color: darken(@pfm-purple, 15%);
}
}
}
.btn-success.disabled {

24
resources/assets/styles/layout.less vendored
View file

@ -309,3 +309,27 @@ header {
.playlist-form .modal-footer {
margin-top: 20px;
}
.modal-content {
.material-shadow(3);
border: 0;
border-radius: 2px;
}
.modal-header {
border-bottom: 0;
padding: 15px 20px;
h4 {
margin-bottom: 0;
font-weight: 700;
}
}
.modal-body {
padding: 20px;
}
.modal-footer {
padding: 20px;
border-top: 0;
}