Create console global message
- Add style - Create zone and button to show the admin console
This commit is contained in:
parent
509196785b
commit
e59cbcfaa7
5 changed files with 107 additions and 11 deletions
37
front/dist/resources/style/style.css
vendored
37
front/dist/resources/style/style.css
vendored
|
@ -414,3 +414,40 @@ body {
|
|||
background-color: #00000096;
|
||||
border-radius: 0 0 10px 10px;
|
||||
}
|
||||
|
||||
.main-console{
|
||||
position: absolute;
|
||||
width: 80%;
|
||||
top: 0;
|
||||
left: 10%;
|
||||
background: #000000a6;
|
||||
z-index: 200;
|
||||
height: auto;
|
||||
transition: all 0.1s ease-out;
|
||||
}
|
||||
.main-console div{
|
||||
position: absolute;
|
||||
background: none repeat scroll 0% 0% #ccc0;
|
||||
border-color: #000000 #ffffff00 #ffffff00 #ffffff00;
|
||||
border-style: solid;
|
||||
border-width: 20px 7px;
|
||||
height: auto;
|
||||
width: 10%;
|
||||
color: white;
|
||||
z-index: 200;
|
||||
left: 45%;
|
||||
transition: all 0.1s ease-out;
|
||||
display: none;
|
||||
}
|
||||
.main-console div.active{
|
||||
display: block;
|
||||
}
|
||||
.main-console div span{
|
||||
position: absolute;
|
||||
top: -20px;
|
||||
left: 30%;
|
||||
}
|
||||
.main-console div:hover{
|
||||
cursor: pointer;
|
||||
transform: scale(1.2) translateY(3px);
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue