[enh] Flash messages buttons.

This commit is contained in:
opi 2015-11-15 14:02:47 +01:00
parent c4f000a2cb
commit c7b457f9b5
3 changed files with 19 additions and 14 deletions

View file

@ -543,7 +543,7 @@ input[type='radio'].nice-radio {
.alert {
// Override bootstrap defaults
padding: 0 100px; // Space for buttons
padding: 0 0 0 40px; // Space for buttons
margin: 0;
border: 0;
border-radius: 0;
@ -553,28 +553,35 @@ input[type='radio'].nice-radio {
button {
.btn-xs;
.btn-link;
margin: 4px 10px;
padding: 1px;
margin: 4px;
max-height: 22px;
color: @text-color;
opacity: 0.7;
&:hover,
&:active,
&:focus {text-decoration: none;}
&:focus {
color: @text-color;
opacity: 1;
text-decoration: none;
}
}
#toggle-btn {
float: left;
.caret {
.rotate(270deg);
[class*="fa-"] {
.rotate(-45deg);
.transition(all 0.15s);
}
}
&.open #toggle-btn {
.caret {.rotate(360deg);}
opacity: 1;
[class*="fa-"] {.rotate(0deg);}
}
#clear-btn {
float: right;
float: left;
display: none;
}
&:hover,

File diff suppressed because one or more lines are too long

View file

@ -32,13 +32,11 @@
</header>
<div id="flashMessage">
<button id="toggle-btn">
<span data-y18n="Toggle">Toggle</span>
<span class="caret"></span>
<button id="toggle-btn" data-y18n-title="pin">
<span class="sr-only">Pin&nbsp;</span><span class="fa-thumb-tack"></span>
</button>
<button id="clear-btn">
<span data-y18n="Clear">Clear</span>
<span class="fa-trash-o"></span>
<button id="clear-btn" data-y18n-title="clear">
<span class="sr-only">Clear&nbsp;</span><span class="fa-eraser"></span>
</button>
<div class="messages"></div>
</div>