[
https://issues.apache.org/jira/browse/AIRAVATA-3008?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=16815060#comment-16815060
]
Aravind Parappil commented on AIRAVATA-3008:
--------------------------------------------
Hi [~marcuschristie], I tried it out on Chrome DevTools and adding
{{overflow:hidden}} to the body element seems to do the trick.
However, I also think we should consider changing the {{max-width: 1200px}} in
the _.main-content_ class as it would now show a scroll bar at the center of
the screen, like so:
!image-2019-04-11-03-48-37-830.png|width=1018,height=192!
This happens only when the max-width has exceeded. Do you think we should
change it to {{width: inherit?}} Or is this fine?
Also, I edited the main.scss with said changes. However, it doesn't seem to be
getting reflected when I deploy locally. The css changes are not showing up
when I check in Chrome DevTools. I tried {{npm run build}} also (hoping it'll
create new static resources) but to no avail. Any clue why this might be
happening?
Thanks!
> [UX] Redundant Scroll bars
> --------------------------
>
> Key: AIRAVATA-3008
> URL: https://issues.apache.org/jira/browse/AIRAVATA-3008
> Project: Airavata
> Issue Type: Bug
> Components: Django Portal
> Reporter: Aravind Parappil
> Priority: Minor
> Attachments: DoubleScrollBars.PNG, image-2019-04-11-03-48-37-830.png
>
>
> [https://django.seagrid.org/] seems to have two scroll bars for each of the
> views (like Dashboard, Experiments etc). The inner scroll bar can be removed
> for better user experience.
> !DoubleScrollBars.PNG|width=698,height=239!
> Steps to reproduce:
> 1. Log in to [https://django.seagrid.org/] (Either through SEAGrid or
> CI-Logon)
> 2. View Dashboard/ Click on Experiments, Projects etc
> Guess its a quick fix related to the _overflow_ CSS property (set
> _overflow:hidden?_)
>
>
--
This message was sent by Atlassian JIRA
(v7.6.3#76005)
