From d256691ac0e4d2e1cd41ef1c1d9ce3c310e77dc6 Mon Sep 17 00:00:00 2001 From: Alex Tatiyants Date: Fri, 29 Jan 2016 21:05:29 -0800 Subject: fix #12 --- app/assets/sass/_modal.scss | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) (limited to 'app/assets/sass') diff --git a/app/assets/sass/_modal.scss b/app/assets/sass/_modal.scss index 19d4bfc..b7efaff 100644 --- a/app/assets/sass/_modal.scss +++ b/app/assets/sass/_modal.scss @@ -6,7 +6,7 @@ left: 0; z-index: 1040; background-color: #000; - opacity: 0.7; + opacity: 0.1; } .modal { @@ -16,11 +16,12 @@ bottom: 0; left: 0; z-index: 1050; + transition: all 1s; .modal-dialog { position: relative; transform: translate(0); - margin: 30px auto; + margin: 100px auto; width: 500px; opacity: 1; @@ -33,11 +34,14 @@ border: 1px solid rgba(0,0,0,.2); border-radius: 6px; outline: 0; - box-shadow: 0 3px 9px rgba(0,0,0,.5); + box-shadow: 0 2px 2px rgba(0,0,0,.5); display: block; .modal-body { padding: $padding-sm; + margin-bottom: $padding-xl; + text-align: left; + line-height: 1.5; } .modal-footer { -- cgit v1.2.3 From 7e0665204c5931a8fa47d835a4799030a960c354 Mon Sep 17 00:00:00 2001 From: Alex Tatiyants Date: Fri, 29 Jan 2016 21:21:35 -0800 Subject: add usage hints/disclaimer. close #11, #6 --- app/assets/sass/_forms.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'app/assets/sass') diff --git a/app/assets/sass/_forms.scss b/app/assets/sass/_forms.scss index 48ed407..5c15328 100644 --- a/app/assets/sass/_forms.scss +++ b/app/assets/sass/_forms.scss @@ -22,7 +22,7 @@ &-lg { width: 98%; - height: 280px; + height: 210px; margin-bottom: $padding-base; margin-bottom: $padding-lg; border-radius: $border-radius-base; -- cgit v1.2.3 From 781479ea7f793c8d075caee53f6413a1d2e85307 Mon Sep 17 00:00:00 2001 From: Alex Tatiyants Date: Fri, 29 Jan 2016 21:33:19 -0800 Subject: add plan validation --- app/assets/sass/_common.scss | 4 ++++ app/assets/sass/_forms.scss | 5 +++++ 2 files changed, 9 insertions(+) (limited to 'app/assets/sass') diff --git a/app/assets/sass/_common.scss b/app/assets/sass/_common.scss index 0fffc29..e298f19 100644 --- a/app/assets/sass/_common.scss +++ b/app/assets/sass/_common.scss @@ -25,6 +25,10 @@ body, input, a, button, textarea { color: $text-color-light; } +.text-warning { + color: $alert-color; +} + .hero-container { margin: $padding-lg * 3; font-size: $font-size-xl; diff --git a/app/assets/sass/_forms.scss b/app/assets/sass/_forms.scss index 5c15328..1b1c80e 100644 --- a/app/assets/sass/_forms.scss +++ b/app/assets/sass/_forms.scss @@ -29,5 +29,10 @@ border: 1px solid $line-color; padding: $padding-lg; } +} +.error-message { + background-color: $alert-color; + padding: $padding-base; + color: #fff; } -- cgit v1.2.3 From 7fc812bc761c95e508e1c540393b12b03cdf1d03 Mon Sep 17 00:00:00 2001 From: Alex Tatiyants Date: Sat, 27 Feb 2016 14:38:42 -0800 Subject: add Dot view mode to make large plans easier to view --- app/assets/sass/_menu.scss | 7 ++++++- app/assets/sass/_plan-node.scss | 19 +++++++++++++++++++ app/assets/sass/_plan.scss | 7 +------ 3 files changed, 26 insertions(+), 7 deletions(-) (limited to 'app/assets/sass') diff --git a/app/assets/sass/_menu.scss b/app/assets/sass/_menu.scss index baf03b9..14a627c 100644 --- a/app/assets/sass/_menu.scss +++ b/app/assets/sass/_menu.scss @@ -3,7 +3,7 @@ $menu-toggle-height: 45px; .menu { width: 190px; - height: 240px; + height: 260px; position: absolute; font-size: $font-size-sm; top: $menu-offset - 5; @@ -53,4 +53,9 @@ $menu-toggle-height: 45px; visibility: hidden; } } + + .button-group { + display: flex; + margin-bottom: $padding-base; + } } diff --git a/app/assets/sass/_plan-node.scss b/app/assets/sass/_plan-node.scss index 988264e..b604c2a 100644 --- a/app/assets/sass/_plan-node.scss +++ b/app/assets/sass/_plan-node.scss @@ -127,8 +127,27 @@ .expanded { width: 400px !important; + overflow: visible !important; + padding: $padding-base $padding-lg !important; + .tags span { + margin-right: $padding-sm !important; + } } .compact { width: 140px; } + +.dot { + width: 30px; + overflow: hidden; + padding: $padding-sm; + + .tags span { + margin-right: 1px; + } + + .node-bar-container { + margin-top: $padding-sm; + } +} diff --git a/app/assets/sass/_plan.scss b/app/assets/sass/_plan.scss index ccf4064..be477ce 100644 --- a/app/assets/sass/_plan.scss +++ b/app/assets/sass/_plan.scss @@ -3,12 +3,7 @@ $connector-line: 2px solid darken($line-color, 10%); .plan { padding-bottom: $padding-lg * 3; - overflow: auto; - height: 100%; - min-height: 550px; - margin-left: 50px; - margin-right: 50px; - width: 100%; + margin-left: 100px; ul { display: flex; -- cgit v1.2.3 From 9b004d78b5012e4e7a3bf6e1eb086d941050425f Mon Sep 17 00:00:00 2001 From: Alex Tatiyants Date: Sat, 5 Mar 2016 12:02:08 -0800 Subject: tweak styles for new plan page --- app/assets/sass/_common.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'app/assets/sass') diff --git a/app/assets/sass/_common.scss b/app/assets/sass/_common.scss index e298f19..b617fa3 100644 --- a/app/assets/sass/_common.scss +++ b/app/assets/sass/_common.scss @@ -56,7 +56,7 @@ a { cursor: pointer; } -code { +code, .code { font-family: $font-family-mono; font-weight: 600; } -- cgit v1.2.3 From eae3aee1bbfb29dd31e92853664a373e3d60d6b6 Mon Sep 17 00:00:00 2001 From: Alex Tatiyants Date: Sat, 16 Apr 2016 12:54:48 -0700 Subject: sort plans in reverse chronological order --- app/assets/sass/_common.scss | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'app/assets/sass') diff --git a/app/assets/sass/_common.scss b/app/assets/sass/_common.scss index b617fa3..501b0fe 100644 --- a/app/assets/sass/_common.scss +++ b/app/assets/sass/_common.scss @@ -69,6 +69,10 @@ code, .code { margin-top: $padding-lg; } +.pad-bottom { + margin-bottom: $padding-lg; +} + [tooltip]:before { width: 150px; text-transform: none; -- cgit v1.2.3