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> </div>
<div class="modal-footer"> <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-show="isNew">Create</span>
<span ng-hide="isNew">Edit</span> <span ng-hide="isNew">Edit</span>
Playlist Playlist
<i class="ui-icon-gear fa-spin" ng-show="isLoading"></i> <i class="ui-icon-gear fa-spin" ng-show="isLoading"></i>
</button> </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> </div>
</form> </form>
</div> </div>

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

@ -51,6 +51,12 @@
margin: 0px; margin: 0px;
} }
> .btn {
text-transform: initial;
box-shadow: 0 0 0 transparent !important;
transition: background-color 0.3s @swift-ease-in-out;
}
&.has-filter { &.has-filter {
> .btn { > .btn {
background: @pfm-purple; background: @pfm-purple;
@ -216,13 +222,39 @@ ui-view {
html body { html body {
.btn { .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 { .btn.btn-primary, .add-btn, .btn-success {
background: @pfm-purple; background: @pfm-purple;
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
color: #fff; 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 { .btn-success.disabled {

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

@ -309,3 +309,27 @@ header {
.playlist-form .modal-footer { .playlist-form .modal-footer {
margin-top: 20px; 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;
}