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:
@@ -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 */
|
||||
|
Reference in New Issue
Block a user