From: RafiBomb Date: Wed, 17 Feb 2016 18:42:30 +0000 (-0800) Subject: adds stesting pages for nav X-Git-Tag: v6.2.0~49 X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=db558df759655a51e4e295088c66900b5c9e0d0a;p=thirdparty%2Ffoundation%2Ffoundation-sites.git adds stesting pages for nav --- diff --git a/scss/components/_dropdown-menu.scss b/scss/components/_dropdown-menu.scss index 4e301eac5..6289c3823 100644 --- a/scss/components/_dropdown-menu.scss +++ b/scss/components/_dropdown-menu.scss @@ -126,7 +126,6 @@ $dropdownmenu-border-width: nth($dropdownmenu-border, 1); } } - .is-dropdown-submenu { display: none; position: absolute; diff --git a/test/sass/_color.scss b/test/sass/_color.scss index df895003c..cbc59b689 100755 --- a/test/sass/_color.scss +++ b/test/sass/_color.scss @@ -45,3 +45,8 @@ 'Lightens a dark color'); } } + + +.top-bar { + padding: 90px; +} \ No newline at end of file diff --git a/test/visual/index.html b/test/visual/index.html index a9e34f635..4feb269ce 100644 --- a/test/visual/index.html +++ b/test/visual/index.html @@ -10,8 +10,9 @@

Foundation for Sites Component Testing

Responsive Menu

diff --git a/test/visual/responsive-menu-left-dropdown.html b/test/visual/responsive-menu-left-dropdown.html new file mode 100644 index 000000000..68e1158f5 --- /dev/null +++ b/test/visual/responsive-menu-left-dropdown.html @@ -0,0 +1,85 @@ + + + + + + + + + + + + +

+ +

Horizontal menu on medium and up. Multiple dropdowns on the far right and left of the viewport. Drilldowns on small screens.

+ +

The dropdowns should open underneath the parent element.
On the right side, the dropdown's right side should be aligned to the right of the parent element.
On the left side, the dropdown's left side should be aligned to the left of the parent element.
On the right side, submenu dropdowns should be aligned to left-top of the parent element and open toward the middle.
On the left side, submenu dropdowns should be aligned to right-top of the parent element and open toward the middle.
Dropdown parent element arrows should point down.

On mobile, the arrows to access submenu should be at the left of the dropdown.

+ + + + + + diff --git a/test/visual/responsive-menu-right-dropdown.html b/test/visual/responsive-menu-right-dropdown.html new file mode 100644 index 000000000..68e1158f5 --- /dev/null +++ b/test/visual/responsive-menu-right-dropdown.html @@ -0,0 +1,85 @@ + + + + + + + + + + + + +

+ +

Horizontal menu on medium and up. Multiple dropdowns on the far right and left of the viewport. Drilldowns on small screens.

+ +

The dropdowns should open underneath the parent element.
On the right side, the dropdown's right side should be aligned to the right of the parent element.
On the left side, the dropdown's left side should be aligned to the left of the parent element.
On the right side, submenu dropdowns should be aligned to left-top of the parent element and open toward the middle.
On the left side, submenu dropdowns should be aligned to right-top of the parent element and open toward the middle.
Dropdown parent element arrows should point down.

On mobile, the arrows to access submenu should be at the left of the dropdown.

+ + + + + + diff --git a/test/visual/responsive-menu.html b/test/visual/responsive-menu.html index 0c1c410dd..3bbbcff7d 100644 --- a/test/visual/responsive-menu.html +++ b/test/visual/responsive-menu.html @@ -5,6 +5,14 @@ + + @@ -23,7 +31,7 @@