Defect #373
Unwanted scrollbar
90%
Description
When using this (great) css for the webclient, I get an extra scrollbar.
I guess the alternate css uses more space, compared to the default 1, 2, 3, >>
Is there a way to avoid this unwanted scrollbar?
Files
History
Updated by Imre Tokai over 12 years ago
- Status changed from New to Feedback
- % Done changed from 0 to 90
Would suggest changes in servoy_web_client_default.css marked as bold below.
Regards
a.navigatornumber, em span.navigatornumber, .navigatornext, .navigatorprev, .navigatorfirst, .navigatorlast
{
/* For Internet Explorer /
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#666666');
/ For WebKit (Safari, Google Chrome etc) /
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(1, #666));
/ For Mozilla/Gecko (Firefox etc) /
background: -moz-linear-gradient(top center, #ccc 0%, #666 100%);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid;
border-color: #666 #999 #fff;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: bold;
*line-height: 12px;
margin: 1px 0 0;
overflow: hidden;
padding: 0 5px;
text-decoration: none;
text-shadow: rgba(0, 0, 0, 0.5) 0 -1px 0;
height: 12px;
}
Updated by Martin Heere over 12 years ago
Thanks for your reply, but I was not fully satisfied.
But your answer helped me where to search for this issue and I made some changes as well.
a.navigatornumber, em span.navigatornumber, .navigatornext, .navigatorprev, .navigatorfirst, .navigatorlast
{
/* For Internet Explorer /
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#666666');
/ For WebKit (Safari, Google Chrome etc) /
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(1, #666));
/ For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top center, #ccc 0%, #666 100%);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid;
border-color: #666 #999 #fff;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: bold;
line-height: 13px;
margin: 1px 0 0;
overflow: hidden;
padding: 0 5px;
text-decoration: none;
text-shadow: rgba(0, 0, 0, 0.5) 0 -1px 0;
height: 15px;
}
Updated by Harjo Kompagnie over 12 years ago
HI Martin, sorry for my late reply, somehow, I don't get notifications, from servoyForge, will look into that.
can you show me a small solution, where you see this? I don't see it in my solutions.