diff options
| author | redmatrix <git@macgirvin.com> | 2016-04-18 06:47:57 +1000 |
|---|---|---|
| committer | redmatrix <git@macgirvin.com> | 2016-04-18 06:47:57 +1000 |
| commit | 5591eac973c934a8e0cd7602e61e1f6aabe08c66 (patch) | |
| tree | 70cead4d5e43cf94d0cc1f3ebd6977f6b911827c /view/theme/redbasic/css | |
| parent | ce582ccadaaf91b611d1c2529b2ba21fc36f5f17 (diff) | |
| parent | f4cca21fdf99f0cdd9be900c9190f7e5f6590828 (diff) | |
| download | volse-hubzilla-5591eac973c934a8e0cd7602e61e1f6aabe08c66.tar.gz volse-hubzilla-5591eac973c934a8e0cd7602e61e1f6aabe08c66.tar.bz2 volse-hubzilla-5591eac973c934a8e0cd7602e61e1f6aabe08c66.zip | |
Merge pull request #345 from anaqreon/context-help
New help panel that slides in from the top and pushes the content ...
Diffstat (limited to 'view/theme/redbasic/css')
| -rw-r--r-- | view/theme/redbasic/css/style.css | 41 |
1 files changed, 24 insertions, 17 deletions
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css index de48ff74a..5f38f60f1 100644 --- a/view/theme/redbasic/css/style.css +++ b/view/theme/redbasic/css/style.css @@ -1898,28 +1898,35 @@ nav .badge.mail-update:hover { /* contextual help */ .help-content { - background: rgba(255, 255, 255, 0.9); - color: #333333; - position: fixed; - top: 50px; - left: -80%; - width: 80%; - height: 60%; - padding: 20px; - transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94); - box-sizing: border-box; - border: #CCC thin solid; - overflow: auto; + background: rgba(255, 255, 255, 0.9); + color: #333333; + 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: #CCC thin solid; + overflow: auto; } .help-content-open { - left: 0px; - -moz-box-shadow: 3px 3px 3px #ccc; - -webkit-box-shadow: 3px 3px 3px #ccc; - box-shadow: 3px 3px 3px #ccc; + top: 50px; + -moz-box-shadow: 3px 3px 3px #ccc; + -webkit-box-shadow: 3px 3px 3px #ccc; + box-shadow: 3px 3px 3px #ccc; +} +main { + top: auto; +} +main.help-content-open { + top: 200px; } .help-content dd { - margin-bottom: 1em; + margin-bottom: 1em; } /* contextual help end */ |