Owen Leonard
2498cdcc88
In the latest version of Chrome, pages where the Humansmg library is
included have a problem where the language footer obscures the bottom of
the page.
The problem traces back to some CSS in the Humanmsg library's CSS file:
html, body {
height: 100%; /* Damn you IE! */
}
Removing the line doesn't have any ill effects that I can see in Chrome
or Firefox, and it fixes the problem in Chrome. IE can be damned.
To test you must have one or more translations enabled in the staff
interface.
- Apply the patch and clear your browser cache if necessary.
- View pages in the staff interface which use the Humansmg library,
e.g.:
- Administration -> System preferences. Choose a category of
preferences which will be numerous enough to require scrolling to
reach the bottom of the page.
- Tools -> Stage MARC records for import. Upload a file to display the
form for staging the import.
- Cataloging -> Advanced MARC editor
On each page the language footer should not obscure the bottom of the
page.
Signed-off-by: Lucas Gass <lucas@bywatersolutions.com>
Signed-off-by: Nick Clemens <nick@bywatersolutions.com>
Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
122 lines
2.1 KiB
CSS
122 lines
2.1 KiB
CSS
/*
|
|
HUMANIZED MESSAGES 1.0
|
|
idea - http://www.humanized.com/weblog/2006/09/11/monolog_boxes_and_transparent_messages
|
|
home - http://humanmsg.googlecode.com
|
|
*/
|
|
|
|
.humanMsg {
|
|
border-radius: 5px;
|
|
font: normal 20px/50px Helvetica, Arial, Sans-Serif;
|
|
letter-spacing: -1px;
|
|
position: fixed;
|
|
top: 130px;
|
|
left: 25%;
|
|
width: 50%;
|
|
color: white;
|
|
background-color: black;
|
|
text-align: center;
|
|
display: none;
|
|
opacity: 0;
|
|
z-index: 100000;
|
|
padding: 20px;
|
|
}
|
|
|
|
.humanError {
|
|
background-color: #400;
|
|
}
|
|
|
|
.humanSuccess {
|
|
background-color: #040;
|
|
}
|
|
|
|
.humanMsg h3 {
|
|
margin: 0.3em;
|
|
margin-top: 0;
|
|
font-size: 24px/50px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.humanMsg p {
|
|
margin: 0.3em;
|
|
}
|
|
|
|
.humanMsg a {
|
|
display: none;
|
|
}
|
|
|
|
.humanMsg ul li {
|
|
list-style-type: none;
|
|
}
|
|
|
|
#humanMsgLog {
|
|
font: normal 10px Helvetica, Arial, Sans-Serif;
|
|
color: white;
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
max-height: 200px;
|
|
display: none;
|
|
z-index: 10000;
|
|
}
|
|
|
|
#humanMsgLog p.launcher {
|
|
position: relative;
|
|
left: 50%;
|
|
width: 200px;
|
|
margin: 0;
|
|
margin-left: -100px;
|
|
padding: 0 10px;
|
|
line-height: 20px;
|
|
background: #333;
|
|
text-align: center;
|
|
white-space: pre;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#humanMsgLog p.launcher:hover {
|
|
background: #222;
|
|
}
|
|
|
|
#humanMsgLog ul {
|
|
background: #eee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAARCAIAAACaSvE/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNqEjVEKACAIQ516Ee//5wVNCjIjaB/iY5vC3YkoIgDkVDOjQ5pqLCI3r2bLFzNzyydvM4uKqfJPKN4vyl9LO/7o3/6PhwADAIWkFPjc5eRrAAAAAElFTkSuQmCC) repeat-x;
|
|
margin: 0;
|
|
padding: 0;
|
|
position: relative;
|
|
max-height: 180px;
|
|
overflow: auto;
|
|
display: none;
|
|
}
|
|
|
|
#humanMsgLog ul li {
|
|
color: #555;
|
|
font-size: 12px;
|
|
list-style-type: none;
|
|
border-bottom: 1px solid #ddd;
|
|
line-height: 40px;
|
|
display: none;
|
|
padding: 0 20px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
white-space: pre;
|
|
}
|
|
|
|
#humanMsgLog ul li:hover {
|
|
background: #f2f2f2;
|
|
}
|
|
|
|
#humanMsgLog ul li:first-child {
|
|
margin-top: 1px;
|
|
}
|
|
|
|
#humanMsgLog ul li .error {
|
|
color: orangered;
|
|
}
|
|
|
|
#humanMsgLog ul li .indent {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 100px;
|
|
margin-right: 200px;
|
|
height: inherit;
|
|
}
|