Commit 3b99c0aa authored by Vytor Calixto's avatar Vytor Calixto 👾

Design da administração de uploads

parent 754110b6
......@@ -387,6 +387,43 @@ input.warn {
input.warn:focus {
border-color: #EE3437; }
[tooltip] {
position: relative;
z-index: 2;
cursor: pointer; }
[tooltip]:before, [tooltip]:after {
visibility: hidden;
opacity: 0; }
[tooltip]:before {
position: absolute;
bottom: 120%;
left: 50%;
margin-bottom: 5px;
margin-left: -80px;
padding: 7px;
width: 160px;
border-radius: 3px;
background-color: #1a1a1a;
color: #F5F5F5;
content: attr(tooltip);
text-align: center;
font-size: 14px; }
[tooltip]:after {
position: absolute;
bottom: 120%;
left: 50%;
margin-left: -5px;
width: 0;
border-top: 5px solid #1a1a1a;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: " ";
font-size: 0;
line-height: 0; }
[tooltip]:hover:before, [tooltip]:hover:after {
visibility: visible;
opacity: 1; }
html {
min-height: 100%;
position: relative; }
......
This diff is collapsed.
[tooltip]{
position: relative;
z-index: 2;
cursor: pointer;
&:before, &:after{
visibility: hidden;
opacity: 0;
}
&:before{
position: absolute;
bottom: 120%;
left: 50%;
margin-bottom: 5px;
margin-left: -80px;
padding: 7px;
width: 160px;
border-radius: 3px;
background-color: $squid-ink;
color: $light-gray;
content: attr(tooltip);
text-align: center;
font-size: 14px;
}
&:after{
position: absolute;
bottom: 120%;
left: 50%;
margin-left: -5px;
width: 0;
border-top: 5px solid $squid-ink;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: " ";
font-size: 0;
line-height: 0;
}
&:hover:before, &:hover:after{
visibility: visible;
opacity: 1;
}
}
......@@ -13,6 +13,7 @@ $font-size: 1.3em;
@import "footer";
@import "inputs";
@import "alerts";
@import "tooltips";
html{
min-height: 100%;
......
......@@ -6,26 +6,39 @@
<section class="page-wrap">
<div class="card card-list margin clearfix">
<ul class="list">
<h2 class="list-title">Arquivos pendentes</h2>
<li class="list-item text-left">
<h2 class="float-left">Arquivos pendentes</h2>
<div class="float-right">
<button class="button normal hover-shadow">
Aprovar todos<i class="fa fa-check fa-fw"></i>
</button>
<button class="button red hover-shadow">
Reprovar todos<i class="fa fa-close fa-fw"></i>
</button>
</div>
</li>
<% for(var i=0; i < uploads.length; i++) { %>
<li class="list-item text-left">
<%= uploads[i].tipo[0].toUpperCase() + uploads[i].tipo.slice(1) + ' ' + ((uploads[i].substitutiva) ? 'Substitutiva' : '') %>
<%= uploads[i].numero %> de <%= uploads[i].materia.nome %> por <%= uploads[i].professor.nome %>
<br>
<%= uploads[i].ano + '/' + uploads[i].semestre %>
<br>
Upload feito por <%= uploads[i].usuario.nome%> (@<%= uploads[i].usuario.username %>)
<div class="float-left">
<%= uploads[i].tipo[0].toUpperCase() + uploads[i].tipo.slice(1) + ' ' + ((uploads[i].substitutiva) ? 'Substitutiva' : '') %>
<%= uploads[i].numero %> de <%= uploads[i].materia.nome %> por <%= uploads[i].professor.nome %>
<br>
<%= uploads[i].ano + '/' + uploads[i].semestre %>
<br>
Upload feito por <%= uploads[i].usuario.nome%> (@<%= uploads[i].usuario.username %>)
</div>
<div class="float-right">
<button class="button normal hover-shadow">
<i class="fa fa-check fa-fw"></i>
Aprovar<i class="fa fa-check fa-fw"></i>
</button>
<button class="button darker hover-shadow">
<i class="fa fa-eye fa-fw"></i>
Visualizar e editar<i class="fa fa-eye fa-fw"></i>
</button>
<button class="button red hover-shadow">
<i class="fa fa-close fa-fw"></i>
Reprovar<i class="fa fa-close fa-fw"></i>
</button>
</div>
</li>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment