Refs #2979 forces vertical scrollbar without breaking widget dragging

git-svn-id: http://code.elgg.org/elgg/trunk@8835 36083f99-b078-4883-b0ff-0f9b5a30f544

diff --git a/views/default/css/admin.php b/views/default/css/admin.php
index 9e79789394ec3465d8f9c39795cc549427dededf..02e67394c19014d9e946137ffe8091a9e5f25db3 100644 (file)
--- a/views/default/css/admin.php
+++ b/views/default/css/admin.php
@@ -32,6 +32,11 @@ table, caption, tbody, tfoot, thead, tr, th, td {
        font-family: inherit;
        vertical-align: baseline;
 }
+<?php // force vertical scroll bar ?>
+html, body {
+       height: 100%;
+       margin-bottom: 1px;
+}
 img {
        border-width:0;
        border-color:transparent;
@@ -778,59 +783,6 @@ input[type="submit"]:hover, .elgg-button-submit:hover, .elgg-button-action:hover
        margin-bottom: 5px;
 }
 
-<?php // @todo clean up and figure out what admin css needs ?>
-.elgg-avatar {
-       position: relative;
-}
-.elgg-avatar > a > img {
-       display: block;
-}
-.elgg-avatar-tiny > a > img {
-       width: 25px;
-       height: 25px;
-       
-       /* remove the border-radius if you don't want rounded avatars in supported browsers */
-       -webkit-border-radius: 3px;
-       -moz-border-radius: 3px;
-       border-radius: 3px;
-       
-       -moz-background-clip:  border;
-       background-clip:  border;
-
-       -webkit-background-size: 25px;
-       -khtml-background-size: 25px;
-       -moz-background-size: 25px;
-       -o-background-size: 25px;
-       background-size: 25px;
-}
-.elgg-avatar-small > a > img {
-       width: 40px;
-       height: 40px;
-       
-       /* remove the border-radius if you don't want rounded avatars in supported browsers */
-       -webkit-border-radius: 5px;
-       -moz-border-radius: 5px;
-       border-radius: 5px;
-       
-       -moz-background-clip:  border;
-       background-clip:  border;
-
-       -webkit-background-size: 40px;
-       -khtml-background-size: 40px;
-       -moz-background-size: 40px;
-       -o-background-size: 40px;
-       background-size: 40px;
-}
-.elgg-avatar-medium > a > img {
-       width: 100px;
-       height: 100px;
-}
-.elgg-avatar-large > a > img {
-       width: 200px;
-       height: 200px;
-}
-
-
 a.elgg-longtext-control {
        float: right;
        margin-left: 14px;
@@ -1035,6 +987,56 @@ a.elgg-longtext-control {
        margin: 0;
        cursor: pointer;
 }
+.elgg-avatar {
+       position: relative;
+}
+.elgg-avatar > a > img {
+       display: block;
+}
+.elgg-avatar-tiny > a > img {
+       width: 25px;
+       height: 25px;
+
+       /* remove the border-radius if you don't want rounded avatars in supported browsers */
+       -webkit-border-radius: 3px;
+       -moz-border-radius: 3px;
+       border-radius: 3px;
+
+       -moz-background-clip:  border;
+       background-clip:  border;
+
+       -webkit-background-size: 25px;
+       -khtml-background-size: 25px;
+       -moz-background-size: 25px;
+       -o-background-size: 25px;
+       background-size: 25px;
+}
+.elgg-avatar-small > a > img {
+       width: 40px;
+       height: 40px;
+
+       /* remove the border-radius if you don't want rounded avatars in supported browsers */
+       -webkit-border-radius: 5px;
+       -moz-border-radius: 5px;
+       border-radius: 5px;
+
+       -moz-background-clip:  border;
+       background-clip:  border;
+
+       -webkit-background-size: 40px;
+       -khtml-background-size: 40px;
+       -moz-background-size: 40px;
+       -o-background-size: 40px;
+       background-size: 40px;
+}
+.elgg-avatar-medium > a > img {
+       width: 100px;
+       height: 100px;
+}
+.elgg-avatar-large > a > img {
+       width: 200px;
+       height: 200px;
+}
 
 
 .elgg-menu-metadata {

diff --git a/views/default/css/elements/reset.php b/views/default/css/elements/reset.php
index 6360e1c761964461fccd23cb18c74f1601157546..44bf2fac9bfc81554d63aab93d41e979b8fc19bb 100644 (file)
--- a/views/default/css/elements/reset.php
+++ b/views/default/css/elements/reset.php
@@ -31,6 +31,11 @@ table, caption, tbody, tfoot, thead, tr, th, td {
 body {
        background-color: white;
 }
+<?php // force vertical scroll bar ?>
+html, body {
+       height: 100%;
+       margin-bottom: 1px;
+}
 img {
        border-width:0;
        border-color:transparent;