From 9e128066ed814aff520ec6c5723619b147712cad Mon Sep 17 00:00:00 2001 From: Samuell1 Date: Tue, 5 Dec 2017 16:23:22 +0100 Subject: [PATCH 1/6] feat(MdCard): remove z-index to prevent card overlap FAB --- src/components/MdCard/base.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/src/components/MdCard/base.scss b/src/components/MdCard/base.scss index 6261ecf4d..9346b49c6 100644 --- a/src/components/MdCard/base.scss +++ b/src/components/MdCard/base.scss @@ -7,7 +7,6 @@ $md-card-radius: 2px; @include md-elevation(2); overflow: auto; position: relative; - z-index: 1; border-radius: $md-card-radius; transition: .3s $md-transition-default-timing; transition-property: color, background-color; From f0a73251c258dd577d099edbe08e0f9979e92d3e Mon Sep 17 00:00:00 2001 From: Samuell1 Date: Tue, 5 Dec 2017 16:30:27 +0100 Subject: [PATCH 2/6] fix(MdSelect): fix select content under dialog --- src/components/MdField/MdSelect/MdSelect.vue | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/components/MdField/MdSelect/MdSelect.vue b/src/components/MdField/MdSelect/MdSelect.vue index ad297808a..a405ca713 100644 --- a/src/components/MdField/MdSelect/MdSelect.vue +++ b/src/components/MdField/MdSelect/MdSelect.vue @@ -311,7 +311,9 @@ border: 0; } } - + .md-menu-content { + z-index: 111; + } .md-menu-content.md-select-menu { width: 100%; From debd4db35ee3a1c998cb73f30a1e0b13ce293dbb Mon Sep 17 00:00:00 2001 From: Samuell Date: Tue, 5 Dec 2017 19:26:12 +0100 Subject: [PATCH 3/6] refactor(MdSelect): change order of scss --- src/components/MdField/MdSelect/MdSelect.vue | 22 ++++++++++---------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/src/components/MdField/MdSelect/MdSelect.vue b/src/components/MdField/MdSelect/MdSelect.vue index a405ca713..5f26dc6da 100644 --- a/src/components/MdField/MdSelect/MdSelect.vue +++ b/src/components/MdField/MdSelect/MdSelect.vue @@ -313,20 +313,20 @@ } .md-menu-content { z-index: 111; - } - .md-menu-content.md-select-menu { - width: 100%; + &.md-select-menu { + width: 100%; - &.md-menu-content-enter { - transform: translate3d(0, -8px, 0) scaleY(.3); - } + &.md-menu-content-enter { + transform: translate3d(0, -8px, 0) scaleY(.3); + } - .md-list { - transition: opacity .3s $md-transition-drop-timing; - } + .md-list { + transition: opacity .3s $md-transition-drop-timing; + } - .md-dense .md-ripple.md-list-item-content { - font-size: 14px; + .md-dense .md-ripple.md-list-item-content { + font-size: 14px; + } } } From 7c7d0d8a717f096b2b261668f7c8090f20760209 Mon Sep 17 00:00:00 2001 From: Samuell Date: Tue, 5 Dec 2017 20:10:58 +0100 Subject: [PATCH 4/6] docs: remove z-index from main-nav (#1134) --- docs/app/template/MainNav.vue | 1 - 1 file changed, 1 deletion(-) diff --git a/docs/app/template/MainNav.vue b/docs/app/template/MainNav.vue index cbda59d53..394070c45 100644 --- a/docs/app/template/MainNav.vue +++ b/docs/app/template/MainNav.vue @@ -72,7 +72,6 @@ top: 64px; bottom: 0; left: 0; - z-index: 2; transition: .3s $md-transition-default-timing; transition-property: top; From af6808037d61763e8dc05aca01da699875d76369 Mon Sep 17 00:00:00 2001 From: Samuell1 Date: Wed, 6 Dec 2017 14:36:07 +0100 Subject: [PATCH 5/6] Revert "feat(MdCard): remove z-index to prevent card overlap FAB" This reverts commit 9e128066ed814aff520ec6c5723619b147712cad. --- src/components/MdCard/base.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/src/components/MdCard/base.scss b/src/components/MdCard/base.scss index 9346b49c6..6261ecf4d 100644 --- a/src/components/MdCard/base.scss +++ b/src/components/MdCard/base.scss @@ -7,6 +7,7 @@ $md-card-radius: 2px; @include md-elevation(2); overflow: auto; position: relative; + z-index: 1; border-radius: $md-card-radius; transition: .3s $md-transition-default-timing; transition-property: color, background-color; From a4c2e3778b49f6cfafc54febfed978963dca3e71 Mon Sep 17 00:00:00 2001 From: Samuell1 Date: Wed, 6 Dec 2017 14:41:04 +0100 Subject: [PATCH 6/6] feat(MdButton): add fab z-index to prevent overlap --- src/components/MdButton/MdButton.vue | 1 + 1 file changed, 1 insertion(+) diff --git a/src/components/MdButton/MdButton.vue b/src/components/MdButton/MdButton.vue index 5b0205143..02d0d7c31 100644 --- a/src/components/MdButton/MdButton.vue +++ b/src/components/MdButton/MdButton.vue @@ -220,6 +220,7 @@ .md-icon-button, .md-fab { border-radius: 50%; + z-index: 10; &:before { border-radius: 50%;