modifiedcontent Posted September 5, 2020 Share Posted September 5, 2020 Small annoyance: I get a horizontal scrollbar in UIkit admin area - or actually Admin Theme Boss based on Uikit 3. I tried to fix it with CSS, but had trouble isolating/targeting it and don't want to mess with module or core files. I think this issue has been reported before. Is there a recommended fix? Link to comment Share on other sites More sharing options...
diogo Posted September 5, 2020 Share Posted September 5, 2020 You can find all the elements that are wider than the window by adding the code here to the console https://gist.github.com/cuth/c1ddf2b1ce2fb07e512a. One of those should be the cause for the scrollbar. 3 Link to comment Share on other sites More sharing options...
modifiedcontent Posted September 5, 2020 Author Share Posted September 5, 2020 Thanks @diogo - for one random admin page that identifies the following elements: <div id="pw-panel-container-1" class="pw-panel-container pw-panel-container-closed pw-panel-tab pw-panel-left" data-href="/admin/page/?modal=panel&pw_panel=1" style="outline: red dotted 1px !important;"><a class="pw-panel-button pw-panel-button-closed ui-button ui-state-default pw-panel-button-text pw-panel-button-hidden" href="/admin/page/?modal=panel&pw_panel=1" style="right: -46px;"><small class="ui-button-text"><i class="fa fa-fw fa-tree"></i><span>Tree</span></small></a></div> <div id="pw-panel-container-2" class="pw-panel-container pw-panel-container-closed pw-panel-tab pw-panel-left pw-panel-reload" data-href="https://mywebsite.com/?modal=panel&pw_panel=1" style="outline: red dotted 1px !important;"><a class="pw-panel-button pw-panel-button-closed ui-button ui-state-default pw-panel-button-text pw-panel-button-hidden" href="https://mywebsite.com/?modal=panel&pw_panel=1" style="right: -46px;"><small class="ui-button-text"><i class="fa fa-fw fa-eye"></i><span>Page View</span></small></a></div> I have tried changing widths and paddings etc., but nothing makes the horizontal scrollbar disappear. I know I can just put overflow-x: hidden somewhere, but tried that once and it caused a problem somewhere else and I didn't want to spend more time on it. Isn't this a (known) bug in UIkit? I vaguely remember seeing something like that the first time I looked into this. Link to comment Share on other sites More sharing options...
bernhard Posted September 7, 2020 Share Posted September 7, 2020 Is this what you are seeing? https://github.com/processwire/processwire-issues/issues/812 Link to comment Share on other sites More sharing options...
modifiedcontent Posted September 9, 2020 Author Share Posted September 9, 2020 Thanks bernhard, but no, I just get the horizontal scrollbar in every view, full screen on a laptop. The scrollbar also doesn't really scroll to anything; something is 1 or 2% over somewhere. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now