From e9e3f938053174b93a0ee246600c5771d801e712 Mon Sep 17 00:00:00 2001 From: Simounet Date: Mon, 4 Dec 2017 19:25:03 +0100 Subject: Label replaced by a button on the nav new entry form --- app/Resources/static/themes/material/css/nav.scss | 1 - 1 file changed, 1 deletion(-) (limited to 'app/Resources/static/themes/material/css/nav.scss') diff --git a/app/Resources/static/themes/material/css/nav.scss b/app/Resources/static/themes/material/css/nav.scss index 99a048b0..7191a71a 100644 --- a/app/Resources/static/themes/material/css/nav.scss +++ b/app/Resources/static/themes/material/css/nav.scss @@ -68,7 +68,6 @@ nav .nav-wrapper i { .input-field input { display: block; line-height: inherit; - padding-left: 4rem !important; width: calc(100% - 8rem); height: 4.1rem; } -- cgit v1.2.3 From f86c2b5fa6e8e681dbc6608e8272b63679336676 Mon Sep 17 00:00:00 2001 From: Simounet Date: Thu, 28 Dec 2017 20:24:39 +0100 Subject: Label replaced by a button on the nav search form --- app/Resources/static/themes/material/css/nav.scss | 10 ++++++++++ 1 file changed, 10 insertions(+) (limited to 'app/Resources/static/themes/material/css/nav.scss') diff --git a/app/Resources/static/themes/material/css/nav.scss b/app/Resources/static/themes/material/css/nav.scss index 7191a71a..f5447b8c 100644 --- a/app/Resources/static/themes/material/css/nav.scss +++ b/app/Resources/static/themes/material/css/nav.scss @@ -116,6 +116,16 @@ nav .nav-wrapper i { } } +.nav-form-button { + padding: 0 1rem; + background-color: transparent; + border: none; + + &:focus { + background-color: inherit; + } +} + #button_filters { display: none; } -- cgit v1.2.3 From 63771b9ae31a8df8050677b53e64f7cf17924c27 Mon Sep 17 00:00:00 2001 From: Simounet Date: Thu, 28 Dec 2017 20:28:10 +0100 Subject: Fix nav new entry and search form alignment --- app/Resources/static/themes/material/css/nav.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'app/Resources/static/themes/material/css/nav.scss') diff --git a/app/Resources/static/themes/material/css/nav.scss b/app/Resources/static/themes/material/css/nav.scss index f5447b8c..d2e14e69 100644 --- a/app/Resources/static/themes/material/css/nav.scss +++ b/app/Resources/static/themes/material/css/nav.scss @@ -69,7 +69,7 @@ nav .nav-wrapper i { display: block; line-height: inherit; width: calc(100% - 8rem); - height: 4.1rem; + height: 3rem; } .input-field input:focus { @@ -108,6 +108,7 @@ nav .nav-wrapper i { &.nav-panel-search form { display: flex; flex: 1; + align-items: center; } &.nav-panel-add form.disabled, -- cgit v1.2.3 From 2831e77cce6eae213c0cec8f5a90a6a00c383633 Mon Sep 17 00:00:00 2001 From: Simounet Date: Thu, 28 Dec 2017 22:54:42 +0100 Subject: Nav close button alignment and nav boxes improved --- app/Resources/static/themes/material/css/nav.scss | 58 +++++++++++------------ 1 file changed, 27 insertions(+), 31 deletions(-) (limited to 'app/Resources/static/themes/material/css/nav.scss') diff --git a/app/Resources/static/themes/material/css/nav.scss b/app/Resources/static/themes/material/css/nav.scss index d2e14e69..147f163f 100644 --- a/app/Resources/static/themes/material/css/nav.scss +++ b/app/Resources/static/themes/material/css/nav.scss @@ -2,8 +2,7 @@ /* ========================================================================== Nav ========================================================================== */ -nav, -.nav-wrapper { +nav { height: auto; line-height: initial; } @@ -18,25 +17,25 @@ nav { } } -.nav-wrapper { +.nav-panel-item .button-collapse { + margin-left: 0; + margin-right: 0.5rem; + padding: 0 0.5rem; + height: auto; + line-height: 1; + background-color: transparent; + border: none; +} + +.nav-panel-item { display: flex; padding: 0.6rem 0.4rem 0.6rem 0.75rem; flex-wrap: wrap; justify-content: space-between; align-items: center; - - .button-collapse { - margin-left: 0; - margin-right: 0.5rem; - padding: 0 0.5rem; - height: auto; - line-height: 1; - background-color: transparent; - border: none; - } } -nav .nav-wrapper i { +.nav-panel-item .material-icons { height: 46px; line-height: 46px; } @@ -51,8 +50,8 @@ nav .nav-wrapper i { justify-content: flex-end; } -.nav-panel-add .add, -.nav-panel-search .search, +.nav-panel-item .add, +.nav-panel-item .search, .nav-panels .close { color: #444 !important; } @@ -68,7 +67,6 @@ nav .nav-wrapper i { .input-field input { display: block; line-height: inherit; - width: calc(100% - 8rem); height: 3rem; } @@ -86,39 +84,32 @@ nav .nav-wrapper i { } .input-field { - &.nav-panel-add label, - &.nav-panel-search label { + &.nav-panel-item label { left: 1rem; } - &.nav-panel-add .close, - &.nav-panel-search .close { - position: absolute; - top: 0; - right: 1rem; + &.nav-panel-item .close { color: transparent; cursor: pointer; font-size: 2rem; transition: 0.3s color; } - &.nav-panel-add, - &.nav-panel-add form, - &.nav-panel-search, - &.nav-panel-search form { + &.nav-panel-item { display: flex; flex: 1; + flex-wrap: nowrap; align-items: center; } - &.nav-panel-add form.disabled, - &.nav-panel-add form.disabled input { + &.nav-panel-add.disabled, + &.nav-panel-add.disabled input { background-color: whitesmoke; } } .nav-form-button { - padding: 0 1rem; + padding: 0; background-color: transparent; border: none; @@ -127,6 +118,11 @@ nav .nav-wrapper i { } } +.nav-form-button, +.nav-panel-item .close { + margin: 0 1%; +} + #button_filters { display: none; } -- cgit v1.2.3