[frio] Improve display of introduction action buttons on mobile
This commit is contained in:
parent
241cd32b14
commit
692f91714a
|
@ -198,6 +198,11 @@ blockquote {
|
||||||
padding: 1px 5px;
|
padding: 1px 5px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
.btn.btn-danger {
|
||||||
|
color: #FFFFFF;
|
||||||
|
background-color: #AE0F0F;
|
||||||
|
}
|
||||||
|
|
||||||
.btn.btn-primary {
|
.btn.btn-primary {
|
||||||
background: $nav_bg;
|
background: $nav_bg;
|
||||||
color: $btn_primary_color;
|
color: $btn_primary_color;
|
||||||
|
|
|
@ -38,14 +38,13 @@
|
||||||
|
|
||||||
{{* On mobile touch devices we use buttons for approve, ingnore && discard to have a better UX *}}
|
{{* On mobile touch devices we use buttons for approve, ingnore && discard to have a better UX *}}
|
||||||
{{if $is_mobile}}
|
{{if $is_mobile}}
|
||||||
<div class="intro-action-buttons">
|
<form class="intro-form" action="notification/{{$intro_id}}" method="post">
|
||||||
<form class="intro-form pull-left" action="notification/{{$intro_id}}" method="post">
|
<button class="btn btn-small btn-primary" type="button" onclick="addElmToModal('#intro-approve-wrapper-{{$intro_id}}');"><i class="fa fa-check" aria-hidden="true"></i> {{$approve}}</button>
|
||||||
<button class="btn btn-small btn-default intro-submit-ignore" type="submit" name="submit" value="{{$ignore}}">{{$ignore}}</button>
|
{{if $discard}}
|
||||||
{{if $discard}}<button class="btn btn-small btn-default intro-submit-discard" type="submit" name="submit" value="{{$discard}}">{{$discard}}</button> {{/if}}
|
<button class="btn btn-small btn-warning intro-submit-discard" type="submit" name="submit" value="{{$discard}}"><i class="fa fa-trash-o" aria-hidden="true"></i> {{$discard}}</button>
|
||||||
|
{{/if}}
|
||||||
|
<button class="btn btn-small btn-danger intro-submit-ignore" type="submit" name="submit" value="{{$ignore}}"><i class="fa fa-ban" aria-hidden="true"></i> {{$ignore}}</button>
|
||||||
</form>
|
</form>
|
||||||
<button class="btn btn-small btn-primary intro-submit-approve pull-right" onclick="addElmToModal('#intro-approve-wrapper-{{$intro_id}}')">{{$approve}}</button>
|
|
||||||
</div>
|
|
||||||
<div class="clear"></div>
|
|
||||||
{{else}}
|
{{else}}
|
||||||
{{* The intro actions like approve, ignore, discard intro*}}
|
{{* The intro actions like approve, ignore, discard intro*}}
|
||||||
<div class="intro-actions pull-right nav-pills preferences">
|
<div class="intro-actions pull-right nav-pills preferences">
|
||||||
|
|
Loading…
Reference in a new issue