YunoHost/yunohost-admin
1
0
Fork 0
mirror of https://github.com/YunoHost/yunohost-admin.git synced 2024-09-03 20:06:15 +02:00
Code Issues Projects Releases Packages Wiki Activity

[enh] Flash messages buttons.

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/css/style.less
View file

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

2
src/dist/css/style.min.css vendored
View file

File diff suppressed because one or more lines are too long

10
src/index.html
View file

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