✔ Problems with Dispute Document tab
Completed by Morgan M.
- Assigned to
-
Anil V.
TOLOGIX - ISLG Public & Members Site Design
Completed by Morgan M.
Completed by Morgan M.
We have used http://tologix-member-stage.s3-website.ca-central-1.amazonaws.com/ page as a reference for member site's new design. We need help of
I'm going to make some adjustments for the header and I will send you some updated files here.
Can you also help us for narrow browsers issue posted by Morgan in above video.
Thanks for your help.
Can you provide us specific changes for sassquatch.css as we have also done some changes in this file.
remove the min-width:1240px; declaration from .container
and replace all CSS declarations prefixed with .nav and .header with the contents of the attached file.
html,
body{
*REMOVE MIN-WIDTH*
}
.container{
* REMOVE MIN-WIDTH*
* ADD *
padding: 0 60px;
}
.header__content .container{
* CHANGE *
padding-left:430px; TO padding-left: 490px;
}
* ADD *
@media(max-width:1220px){
.header__brand{
width:250px;
}
.header__content{
overflow-x:auto;
}
.header__content .container{
padding-left:290px;
min-width:1060px;
}
}
.nav--primary .nav__menu{
overflow-x:auto;
white-space:nowrap;
}
.nav--primary .nav__menu > li{
* REMOVE * float:left;
* ADD * display:inline-block;
}
.nav--primary .nav__submenu-wrapper .container{
padding:0 60px;
}
.nav--primary .nav__submenu{
white-space:normal;
}
We will integrate new css and let you know in case of any query.
Above all issues have been resolved except Adapting to narrow browsers.
Please check and confirm.
Item 4: Page alignment when results are loaded in the Dispute Documents Directory is still unresolved. Also, further to the video below, there is an issue in the way the filters are loaded on the page.
Thanks,
Morgan
The alignment issue is already resolved. Please refresh your whole page with Ctrl + F5 key to load the scripts.
We have also resolved the way of filter loaded in page. Please check and confirm.
We have updated css and javascripts but we are still facing following issue:
1. Adapting to narrow browsers (Morgan has explained this issue in the above very first video.)
Can you please guide us to resolve this?
Alignment issue is resolved.
I'll keep this to-do open until
Thanks,
Morgan
Please replace the existing sassquatch.css file with the file that is attached.
Also when I was looking at the source code on new.investorstatelawguide.com I noticed you were including the stylesheet twice, once in the <head> of the document and once within the main page <div>. Please remove the second reference (see attached screenshot).
Finally you just need to remove the min-width from your newdesign.css found at the top of the file (see attached screenshot).
I have updated the static test page to reflect these changes.
http://tologix-member-stage.s3-website.ca-central-1.amazonaws.com/
Please check and confirm.
Note : Please refresh the page if you can't able to see any change.
The css file I provided above seems to be missing some of the styles, most notably fixes to the footer.
please replace with the following.
We have replaced the sassquatch.css and it looks good. Please check and confirm.
The changes looks great; however, the following issue still need to be resolved:
Morgan
In the screenshots that morgan posted above, the form fields are overflowing because they have static widths assigned to them. For these to flow correctly those static widths will have to be removed or replaced with percentages.
The subnav overflowing the page title seems to be because a function from the javascript I provided does not seem to be running. Was that file included in the page?
The Full Text Search Dropdown menu issue has resolved.
In addition to Kevin's comment above, the adjustment to filter fields in the Full Text Search looks good. However, I noticed that the search field does not adjust (see screenshot):
Thanks,
Morgan
We have adjusted the FTS search field in narrow browser. Please check and confirm.
Please provide the updated sassquatch.min.js file.
Sassquatch.js and Sassquatch.min.js should be the same file and only one needs to be included in the application.
We have replaced the sassquatch.min.js file. Therefor, The overlapping text from sub-groups within Article Citator issue has resolved.
Further to the screenshot below, the problem in the Article Citator is still there: http://new.investorstatelawguide.com/ResearchTools/ArticleCitator?toc=content&id=201&cat=&subcat=
We have checked the above issue in all browsers and it is working fine. Please find the attached screenshot.
Please reload the page with Ctrl+ F5 key to load CSS design properly.
Let us know if you still get an issue.
Further to the video below, I'm still seeing the overlapping text issue appear. I'm seeing the fix appear as well when adjusting the size of the browser after the page is loaded, but there's still some work to be done here. Also, could we please eliminate the gap between the heading and the rest of the page for the fix.
Thanks,
Morgan
We tried to resolve the above issue but couldn't. Can you please look into this ?
Can you replace sassquatch.min.js with this file. The issue is a bit difficult to debug as it is functioning properly on the static stage site. This file is not minified so it will be easier to see what is going on.
Please check and confirm.
Note : We have replaced the script so please reload the page once.
Thanks,
Morgan