some fixes for contextual help and disable transition animation for now - it looked really wired because main moved with a different speed than help-content and help-content can not be displayed under the panel as it is implemented now.

This commit is contained in:
Mario Vavti
2016-04-21 23:03:09 +02:00
parent 391ed8655e
commit d7f4bfedd5
4 changed files with 56 additions and 54 deletions

View File

@@ -200,6 +200,34 @@ header #banner #logo-text {
font-size: 22px;
}
/* contextual help */
.help-content {
background: $item_colour;
color: $font_colour;
position: fixed;
top: -50%;
left: 0px;
width: 100%;
max-height: 50%;
padding: 20px;
/*transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);*/
border-bottom: #CCC 1px solid;
overflow: auto;
}
.help-content-open {
top: 51px;
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
/*transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);*/
}
.help-content dd {
margin-bottom: 1em;
}
/* contextual help end */
/* footer */
footer {
@@ -1895,38 +1923,3 @@ nav .badge.mail-update:hover {
.help-searchlist a {
font-size: 130%;
}
/* contextual help */
.help-content {
background: $bgcolour;
color: $font_colour;
position: fixed;
top: -1000px;
left: 0%;
right: 100%;
width: 100%;
height: auto;
padding: 20px;
transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
box-sizing: border-box;
border-bottom: #CCC thin solid;
overflow: auto;
}
.help-content-open {
top: 50px;
-moz-box-shadow: 0px 3px 3px #ccc;
-webkit-box-shadow: 0px 3px 3px #ccc;
box-shadow: 0px 3px 3px #ccc;
}
main {
top: auto;
}
main.help-content-open {
top: 200px;
}
.help-content dd {
margin-bottom: 1em;
}
/* contextual help end */