From c3d6c25e52e37d772286f293f94a5dd7e1059529 Mon Sep 17 00:00:00 2001 From: François Schmidts Date: Wed, 27 Jan 2016 17:14:23 +0100 Subject: redoing UI and finishing up sidebar --- src/web/static/css/one-page-app.css | 82 +++++++++++++++++++++++++++++++++++++ 1 file changed, 82 insertions(+) create mode 100644 src/web/static/css/one-page-app.css (limited to 'src/web/static/css/one-page-app.css') diff --git a/src/web/static/css/one-page-app.css b/src/web/static/css/one-page-app.css new file mode 100644 index 00000000..5a3444c2 --- /dev/null +++ b/src/web/static/css/one-page-app.css @@ -0,0 +1,82 @@ +#menu { + position: fixed; + top: 51px; + bottom: 0px; + left: 0px; + z-index: 1000; + display: block; + padding: 10px; + overflow-x: hidden; + overflow-y: auto; + background-color: #F5F5F5; + border-right: 1px solid #EEE; + color: #555; +} +#menu div.nav.btn-group { + margin-bottom: 10px; +} +#menu li { + padding: 2px; + cursor: pointer; + border-radius: 6px; +} +#menu li.nav-feed { + margin-left: 15px; + margin-bottom: 3px; + max-height: 22px; + overflow: hidden; +} +#menu li.nav-feed > span.badge { + top: 2px; + position: absolute; + right: 2px; +} +#menu li.nav-feed > span.title { + margin-left: 3px; +} +#menu li.bg-primary.bg-danger { + color: #fff; + background-color: orangered; +} +#menu li.bg-primary.bg-warning { + color: #fff; + background-color: gold; +} +#menu li:hover { + color: #000; + background-color: #e8e8e8; +} +#menu li.bg-primary:hover { + color: #fff; + background-color: #62a9e6; +} +#menu li.bg-warning:hover { + background-color: #f3f0da; +} +#menu li.bg-danger:hover { + background-color: #f6cab6; +} +#menu li > h4 { + padding-left: 5px; + margin: 2px; + display: inline; +} +#middle-panel { + padding-left: 20px; + padding-top: 10px; + padding-right: 20px; + position: fixed; + top: 51px; + bottom: 0px; + left: 0px; + z-index: 1000; + display: block; + overflow-x: hidden; + overflow-y: auto; + background-color: #F5F5F5; + border-right: 1px solid #EEE; +} +#middle-panel .btn-group { + margin-right: 10px; + margin-bottom: 10px; +} -- cgit From 5c8f9fd0376afc034251a73023e43ada4041aa34 Mon Sep 17 00:00:00 2001 From: François Schmidts Date: Thu, 28 Jan 2016 14:36:26 +0100 Subject: implementing search through articles --- src/web/static/css/one-page-app.css | 7 +++++++ 1 file changed, 7 insertions(+) (limited to 'src/web/static/css/one-page-app.css') diff --git a/src/web/static/css/one-page-app.css b/src/web/static/css/one-page-app.css index 5a3444c2..d25e3886 100644 --- a/src/web/static/css/one-page-app.css +++ b/src/web/static/css/one-page-app.css @@ -80,3 +80,10 @@ margin-right: 10px; margin-bottom: 10px; } +#middle-panel .btn-group:last-child { + margin-right: 0px; + float: right; +} +#middle-panel .input-group { + margin-bottom: 10px; +} -- cgit From 577b79d1d2a8d4de949ffc5f312cfb90bd97ed26 Mon Sep 17 00:00:00 2001 From: François Schmidts Date: Thu, 28 Jan 2016 21:18:38 +0100 Subject: slight redo of middle panel --- src/web/static/css/one-page-app.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) (limited to 'src/web/static/css/one-page-app.css') diff --git a/src/web/static/css/one-page-app.css b/src/web/static/css/one-page-app.css index d25e3886..02aa405a 100644 --- a/src/web/static/css/one-page-app.css +++ b/src/web/static/css/one-page-app.css @@ -87,3 +87,18 @@ #middle-panel .input-group { margin-bottom: 10px; } +#middle-panel div.list-group-item{ + padding: 5px 8px; + cursor: pointer; +} +#middle-panel div.list-group-item:hover { + background-color: #f0f0f0; +} +#middle-panel div.list-group-item>h5 { + margin: 0px; +} +#middle-panel div.list-group-item>div:last-child{ + width: 100%; + max-height: 22px; + overflow: hidden; +} -- cgit From 56ab5f6df51ff301a4dccc458eb83917bba49afc Mon Sep 17 00:00:00 2001 From: François Schmidts Date: Fri, 29 Jan 2016 00:27:47 +0100 Subject: wip right panel --- src/web/static/css/one-page-app.css | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) (limited to 'src/web/static/css/one-page-app.css') diff --git a/src/web/static/css/one-page-app.css b/src/web/static/css/one-page-app.css index 02aa405a..8da915b3 100644 --- a/src/web/static/css/one-page-app.css +++ b/src/web/static/css/one-page-app.css @@ -1,6 +1,10 @@ +#jarr-container { + padding-left: 0px; + padding-right: 0px; +} #menu { position: fixed; - top: 51px; + top: 50px; bottom: 0px; left: 0px; z-index: 1000; @@ -66,7 +70,7 @@ padding-top: 10px; padding-right: 20px; position: fixed; - top: 51px; + top: 50px; bottom: 0px; left: 0px; z-index: 1000; @@ -102,3 +106,6 @@ max-height: 22px; overflow: hidden; } +#right-panel>ol{ + margin-top: 10px; +} -- cgit From dc022b2734f8e6018b8387759234521cc63822f3 Mon Sep 17 00:00:00 2001 From: François Schmidts Date: Fri, 29 Jan 2016 14:44:18 +0100 Subject: containing wild foreign content --- src/web/static/css/one-page-app.css | 3 +++ 1 file changed, 3 insertions(+) (limited to 'src/web/static/css/one-page-app.css') diff --git a/src/web/static/css/one-page-app.css b/src/web/static/css/one-page-app.css index 8da915b3..7b89b931 100644 --- a/src/web/static/css/one-page-app.css +++ b/src/web/static/css/one-page-app.css @@ -109,3 +109,6 @@ #right-panel>ol{ margin-top: 10px; } +#right-panel .panel-body img { + max-width: 100%; +} -- cgit From 4c5415754593986d1540820d13dfa34a34ffeed6 Mon Sep 17 00:00:00 2001 From: François Schmidts Date: Fri, 29 Jan 2016 20:28:10 +0100 Subject: impact on menus when loading article --- src/web/static/css/one-page-app.css | 10 ++++++++++ 1 file changed, 10 insertions(+) (limited to 'src/web/static/css/one-page-app.css') diff --git a/src/web/static/css/one-page-app.css b/src/web/static/css/one-page-app.css index 7b89b931..45e0440a 100644 --- a/src/web/static/css/one-page-app.css +++ b/src/web/static/css/one-page-app.css @@ -98,6 +98,16 @@ #middle-panel div.list-group-item:hover { background-color: #f0f0f0; } +#middle-panel div.list-group-item.active a { + color: #eee; +} +#middle-panel div.list-group-item.active:hover { + background-color: #4d94d1; + border-color: #4d94d1; +} +#middle-panel div.list-group-item:hover { + background-color: #f0f0f0; +} #middle-panel div.list-group-item>h5 { margin: 0px; } -- cgit From 6d681cba9d4da213d3de727570f17d2361f599de Mon Sep 17 00:00:00 2001 From: François Schmidts Date: Fri, 29 Jan 2016 21:08:31 +0100 Subject: displaying date on middle panel --- src/web/static/css/one-page-app.css | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'src/web/static/css/one-page-app.css') diff --git a/src/web/static/css/one-page-app.css b/src/web/static/css/one-page-app.css index 45e0440a..9f559ee0 100644 --- a/src/web/static/css/one-page-app.css +++ b/src/web/static/css/one-page-app.css @@ -116,6 +116,12 @@ max-height: 22px; overflow: hidden; } +#middle-panel div.list-group-item>time { + position: absolute; + top: 2px; + right: 4px; + display: block; +} #right-panel>ol{ margin-top: 10px; } -- cgit From f334fb4b355d90cbf0b8d9e658a87ebeec7fbe90 Mon Sep 17 00:00:00 2001 From: François Schmidts Date: Sat, 30 Jan 2016 01:44:13 +0100 Subject: wip redoing feed panel --- src/web/static/css/one-page-app.css | 29 ++++++++++++++++++++++++++++- 1 file changed, 28 insertions(+), 1 deletion(-) (limited to 'src/web/static/css/one-page-app.css') diff --git a/src/web/static/css/one-page-app.css b/src/web/static/css/one-page-app.css index 9f559ee0..d919a4f7 100644 --- a/src/web/static/css/one-page-app.css +++ b/src/web/static/css/one-page-app.css @@ -120,7 +120,6 @@ position: absolute; top: 2px; right: 4px; - display: block; } #right-panel>ol{ margin-top: 10px; @@ -128,3 +127,31 @@ #right-panel .panel-body img { max-width: 100%; } +#right-panel-heading * { + display: inline; +} +#right-panel-heading h4 img { + margin-right: 5px; +} +#right-panel-heading div.btn-group { + float: right; + margin-top: -5px; + margin-right: -8px; +} +.panel-body dd>input { + width: 100%; +} +.filter-row>select.form-control:first-child { + width: 10%; +} +.filter-row>select.form-control { + width: 15%; +} +.filter-row>select.form-control:last-child { + width: 25%; +} +.filter-row>input.form-control { + width: auto; +} +#filter-button-row>*{ +} -- cgit From eb74eca67026a62dac5d0f8cf92111fad6c73648 Mon Sep 17 00:00:00 2001 From: François Schmidts Date: Sun, 31 Jan 2016 16:59:04 +0100 Subject: fixing breadcrum height --- src/web/static/css/one-page-app.css | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) (limited to 'src/web/static/css/one-page-app.css') diff --git a/src/web/static/css/one-page-app.css b/src/web/static/css/one-page-app.css index d919a4f7..40f7cd45 100644 --- a/src/web/static/css/one-page-app.css +++ b/src/web/static/css/one-page-app.css @@ -121,8 +121,18 @@ top: 2px; right: 4px; } -#right-panel>ol{ +#right-panel { + top: 50px; +} +#rp-breadcrum{ margin-top: 10px; + max-height: 34px; + overflow: hidden; + padding-top: 2px; +} +#rp-breadcrum>li{ + display: inline; + line-height: 30px; } #right-panel .panel-body img { max-width: 100%; @@ -153,5 +163,3 @@ .filter-row>input.form-control { width: auto; } -#filter-button-row>*{ -} -- cgit From 9ad36d04c3a352afc6f9a1322c7401200332877a Mon Sep 17 00:00:00 2001 From: François Schmidts Date: Tue, 2 Feb 2016 23:05:16 +0100 Subject: reload and fold all button --- src/web/static/css/one-page-app.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) (limited to 'src/web/static/css/one-page-app.css') diff --git a/src/web/static/css/one-page-app.css b/src/web/static/css/one-page-app.css index 40f7cd45..ffad209e 100644 --- a/src/web/static/css/one-page-app.css +++ b/src/web/static/css/one-page-app.css @@ -80,11 +80,13 @@ background-color: #F5F5F5; border-right: 1px solid #EEE; } -#middle-panel .btn-group { +#middle-panel .btn-group, +#menu .btn-group { margin-right: 10px; margin-bottom: 10px; } -#middle-panel .btn-group:last-child { +#middle-panel .btn-group:last-child, +#menu .btn-group:last-child { margin-right: 0px; float: right; } -- cgit