From fabb9fed0386ad86fdb52dccf7c409524e3cbf91 Mon Sep 17 00:00:00 2001 From: Lena Daxenbichler Date: Tue, 7 May 2024 14:31:50 +0200 Subject: [PATCH] layout WIP --- scss/styles.scss | 700 +++++++++--------- src/cone/app/__init__.py | 2 +- src/cone/app/browser/layout.py | 3 + src/cone/app/browser/static/cone/cone.app.css | 319 +------- .../app/browser/static/cone/cone.app.min.css | 2 +- src/cone/app/browser/templates/contextmenu.pt | 2 +- src/cone/app/browser/templates/footer.pt | 10 +- src/cone/app/browser/templates/layout.pt | 105 ++- src/cone/app/browser/templates/livesearch.pt | 2 +- src/cone/app/browser/templates/logo.pt | 8 +- src/cone/app/browser/templates/mainmenu.pt | 119 ++- src/cone/app/browser/templates/navtree.pt | 25 +- .../app/browser/templates/navtree_recue.pt | 51 +- src/cone/app/browser/templates/pathbar.pt | 47 +- .../app/browser/templates/personaltools.pt | 8 +- 15 files changed, 596 insertions(+), 807 deletions(-) diff --git a/scss/styles.scss b/scss/styles.scss index 27e86184..a81a47e8 100644 --- a/scss/styles.scss +++ b/scss/styles.scss @@ -1,346 +1,378 @@ -@import "bootstrap/_functions"; -@import "bootstrap/_variables"; -@import "bootstrap/mixins/_border-radius"; - -/* layout */ -#layout { - > div.container-fluid { - margin-bottom: 60px; - } -} - -/* main nav bar */ -.navbar-top { - border-radius: 0; - border-width: 0 0 1px; -} - -/* search field */ -#search { - padding-left: 10px; - padding-right: 10px; - - #search-text, input.form-control.tt-hint { - @include border-start-radius(0); - } -} - -/* dropdown */ -.dropdown-menu { - > li { - > a.selected { - background-color: #e8e8e8; - background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); - } - - > a.disabled { - cursor: not-allowed; - color: #aaa; - } - - > button { - display: block; - background: none; - border: none; - cursor: pointer; - padding: 3px 20px; - clear: both; - font-weight: normal; - line-height: 1.42857143; - color: #333; - white-space: nowrap; - width: 100%; - text-align: left; - } - - > button:hover { - background-color: #e8e8e8; - background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); - } - } +// @import "bootstrap/_functions"; +// @import "bootstrap/_variables"; +// @import "bootstrap/mixins/_border-radius"; + +// /* layout */ +// #layout { +// > div.container-fluid { +// margin-bottom: 60px; +// } +// } + +// /* main nav bar */ +// .navbar-top { +// border-radius: 0; +// border-width: 0 0 1px; +// } + +// /* search field */ +// #search { +// padding-left: 10px; +// padding-right: 10px; + +// #search-text, input.form-control.tt-hint { +// @include border-start-radius(0); +// } +// } + +// /* dropdown */ +// .dropdown-menu { +// > li { +// > a.selected { +// background-color: #e8e8e8; +// background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); +// } + +// > a.disabled { +// cursor: not-allowed; +// color: #aaa; +// } + +// > button { +// display: block; +// background: none; +// border: none; +// cursor: pointer; +// padding: 3px 20px; +// clear: both; +// font-weight: normal; +// line-height: 1.42857143; +// color: #333; +// white-space: nowrap; +// width: 100%; +// text-align: left; +// } + +// > button:hover { +// background-color: #e8e8e8; +// background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); +// } +// } +// } + +// /* navtree */ +// #navtree { +// li { +// padding-left: 8px; + +// > a { +// padding: 6px 10px 6px 0px; +// } + +// > a:hover { +// color: #333; +// background-color: transparent; +// } +// } + +// li.active > a { +// font-weight: bold; +// } + +// li.navtreelevel_1 { +// padding-left: 0px; +// } + +// li.navtreelevel_2 { +// margin-left: 6px; +// border-left: #cdcdcd 3px solid; + +// > a { +// padding: 5px 10px 5px 0px; +// } +// } + +// li.navtreelevel_3 { +// margin-left: 5px; +// border-left: #dddddd 3px solid; + +// > a { +// padding: 4px 10px 4px 0px; +// } +// } + +// li.navtreelevel_4 { +// margin-left: 4px; +// border-left: #dedede 3px solid; + +// > a { +// padding: 3px 10px 3px 0px; +// } +// } + +// li.navtreelevel_5 { +// margin-left: 4px; +// border-left: #eeeeee 3px solid; + +// > a { +// padding: 2px 10px 2px 0px; +// } +// } + +// li.navtreelevel_6 { +// margin-left: 4px; +// border-left: #efefef 3px solid; + +// > a { +// padding:2px 10px 2px 0px; +// } +// } +// } + +// /* workflow */ +// span.no-transitions { +// position: relative; +// display: block; +// padding: 15px 15px; +// line-height: 20px; +// } + +// /* content panel heading */ +// .content-heading h4 { +// padding-left: 0; +// } + +// /* batched items */ +// .batched_items_slice_size { +// margin-top: 2px; +// } +// .batched_items_filter { +// margin-right: 8px; +// margin-top: 2px; +// } +// .batched_items_footer .pagination { +// margin-top: 0; +// margin-bottom: 0; +// } +// .batched_items_info { +// margin-top: 4px; +// margin-bottom: 4px; +// } +// input.empty_filter { +// color: #ccc !important; +// } + +// /* table */ +// .table_length { +// margin-top: 2px; +// } +// .table_filter { +// margin-right: 8px; +// margin-top: 2px; +// } +// .table_sort { +// font-size: 80%; +// color: #428BCA; +// } +// table.table { +// tr { +// th:first-child, +// td:first-child { +// padding-left: 20px; +// } +// } +// } +// td.actions a { +// margin-right: 4px; +// } +// .table-footer .pagination { +// margin-top: 0; +// margin-bottom: 0; +// } +// .table_info { +// margin-top: 4px; +// margin-bottom: 4px; +// } + +// /* copysupport */ +// tr.selectable td { +// user-select: none; +// -moz-user-select: none; +// -webkit-user-select: none; +// -ms-user-select: none; +// } +// tr.selectable.selected td { +// background-color: #dfeefb; +// } +// .table-striped > tbody > tr.selectable.selected:nth-child(2n+1) > td { +// background-color: #cfdce7; +// } + +// /* referencebrowser */ +// .referencebrowser_trigger { +// padding: 10px 15px 10px 5px; +// cursor: pointer; +// display: block; +// text-decoration: underline; + +// i { +// margin-right: .6em; +// } +// } +// #referencebrowser_table td.actions { +// width: 100px; +// } +// .modal-body div.referencebrowser { +// margin: -15px; +// } +// div#referencebrowser_pathbar ol.breadcrumb { +// border-radius: 0px; +// } +// div#referencebrowser { +// margin-bottom: 0px; +// border-radius: 0px; +// border-left: none; +// border-right: none; +// border-bottom: none; + +// .panel-heading, +// .panel-footer { +// border-radius: 0px; +// } +// } +// a.addreference.disabled, +// a.removereference.disabled { +// color: #ddd; +// } + +// /* translation */ +// .translation-nav { +// > li { +// > a { +// padding: 5px 10px; +// } +// } + +// > li.error { +// > a, +// > a:hover, +// > a:focus { +// color: #a94442; +// background-color: #fff; +// } +// } + +// > li.active.error { +// > a, +// > a:hover, +// > a:focus { +// color: #fff; +// background-color: #a94442; +// } +// } +// } +// .translation-fields { +// display: none; +// margin-top: 3px; +// } + +// /* settings */ +// #settings_sidebar { +// > ul { +// padding: 0; + +// .settings_header { +// background-image: linear-gradient(to bottom, #bbdbf7 0%, #a4cced 100%); +// } + +// > li.selected { +// font-weight: bold; +// } +// } +// } +// #settings-grid-container { +// h3 { +// margin-top: 0; +// margin-bottom: 0; +// border-bottom: #ccc 1px solid; +// } + +// .settings-grid { +// display: flex; +// flex-wrap: wrap; +// padding: 1rem; + +// .settings-grid-item { +// display: flex; +// justify-content: center; +// align-items: center; +// flex-flow: column; +// gap: 8px; +// width: 11rem; +// height: 11rem; +// margin-right: 1rem; +// margin-bottom: 1rem; +// background: #f5f5f5; +// border: 1px solid #0000001f; +// color: #000; +// border-radius: 14px; +// text-decoration: none; + +// > i { +// font-size: 50px; +// } + +// > span { +// text-align: center; +// line-height: normal; +// } +// } + +// .settings-grid-item:hover { +// background: rgb(233, 233, 233); +// } +// } +// } +// .settings-form h1 { +// margin-top: 0; +// margin-bottom: 14px; +// font-size: 28px; +// border-bottom: #ccc 1px solid; +// } + +// /* footer */ +// footer p { +// margin:12px; +// } + + +// general layout +body { + height: 100vh; +} + +#content { + height: calc(100% - 40px); } -/* navtree */ #navtree { - li { - padding-left: 8px; - - > a { - padding: 6px 10px 6px 0px; - } - - > a:hover { - color: #333; - background-color: transparent; - } - } - - li.active > a { - font-weight: bold; - } - - li.navtreelevel_1 { - padding-left: 0px; + a.nav-link { + z-index: 2000; } - - li.navtreelevel_2 { - margin-left: 6px; - border-left: #cdcdcd 3px solid; - - > a { - padding: 5px 10px 5px 0px; - } - } - - li.navtreelevel_3 { - margin-left: 5px; - border-left: #dddddd 3px solid; - - > a { - padding: 4px 10px 4px 0px; - } - } - - li.navtreelevel_4 { - margin-left: 4px; - border-left: #dedede 3px solid; - - > a { - padding: 3px 10px 3px 0px; - } - } - - li.navtreelevel_5 { - margin-left: 4px; - border-left: #eeeeee 3px solid; - - > a { - padding: 2px 10px 2px 0px; - } - } - - li.navtreelevel_6 { - margin-left: 4px; - border-left: #efefef 3px solid; - - > a { - padding:2px 10px 2px 0px; - } - } -} - -/* workflow */ -span.no-transitions { - position: relative; - display: block; - padding: 15px 15px; - line-height: 20px; -} - -/* content panel heading */ -.content-heading h4 { - padding-left: 0; } -/* batched items */ -.batched_items_slice_size { - margin-top: 2px; -} -.batched_items_filter { - margin-right: 8px; - margin-top: 2px; -} -.batched_items_footer .pagination { - margin-top: 0; - margin-bottom: 0; -} -.batched_items_info { - margin-top: 4px; - margin-bottom: 4px; -} -input.empty_filter { - color: #ccc !important; -} - -/* table */ -.table_length { - margin-top: 2px; -} -.table_filter { - margin-right: 8px; - margin-top: 2px; -} -.table_sort { - font-size: 80%; - color: #428BCA; -} -table.table { - tr { - th:first-child, - td:first-child { - padding-left: 20px; - } - } -} -td.actions a { - margin-right: 4px; -} -.table-footer .pagination { - margin-top: 0; - margin-bottom: 0; -} -.table_info { - margin-top: 4px; - margin-bottom: 4px; -} - -/* copysupport */ -tr.selectable td { - user-select: none; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} -tr.selectable.selected td { - background-color: #dfeefb; -} -.table-striped > tbody > tr.selectable.selected:nth-child(2n+1) > td { - background-color: #cfdce7; -} - -/* referencebrowser */ -.referencebrowser_trigger { - padding: 10px 15px 10px 5px; - cursor: pointer; - display: block; - text-decoration: underline; - - i { - margin-right: .6em; - } -} -#referencebrowser_table td.actions { - width: 100px; -} -.modal-body div.referencebrowser { - margin: -15px; -} -div#referencebrowser_pathbar ol.breadcrumb { - border-radius: 0px; -} -div#referencebrowser { - margin-bottom: 0px; - border-radius: 0px; - border-left: none; - border-right: none; - border-bottom: none; - - .panel-heading, - .panel-footer { - border-radius: 0px; +@media(min-width:992px) { + #personaltools { + order:1; } } -a.addreference.disabled, -a.removereference.disabled { - color: #ddd; -} - -/* translation */ -.translation-nav { - > li { - > a { - padding: 5px 10px; - } - } - - > li.error { - > a, - > a:hover, - > a:focus { - color: #a94442; - background-color: #fff; - } - } - - > li.active.error { - > a, - > a:hover, - > a:focus { - color: #fff; - background-color: #a94442; - } +@media(min-width:992px) and (max-width:1400px) { + #navbar-content { + margin-left: 200px; } } -.translation-fields { - display: none; - margin-top: 3px; -} - -/* settings */ -#settings_sidebar { - > ul { - padding: 0; - - .settings_header { - background-image: linear-gradient(to bottom, #bbdbf7 0%, #a4cced 100%); - } - - > li.selected { - font-weight: bold; - } +@media(min-width:1400px) { + #header-logo { + color: #fff; } } -#settings-grid-container { - h3 { - margin-top: 0; - margin-bottom: 0; - border-bottom: #ccc 1px solid; - } - - .settings-grid { - display: flex; - flex-wrap: wrap; - padding: 1rem; - - .settings-grid-item { - display: flex; - justify-content: center; - align-items: center; - flex-flow: column; - gap: 8px; - width: 11rem; - height: 11rem; - margin-right: 1rem; - margin-bottom: 1rem; - background: #f5f5f5; - border: 1px solid #0000001f; - color: #000; - border-radius: 14px; - text-decoration: none; - - > i { - font-size: 50px; - } - - > span { - text-align: center; - line-height: normal; - } - } - - .settings-grid-item:hover { - background: rgb(233, 233, 233); - } - } -} -.settings-form h1 { - margin-top: 0; - margin-bottom: 14px; - font-size: 28px; - border-bottom: #ccc 1px solid; -} - -/* footer */ -footer p { - margin:12px; -} diff --git a/src/cone/app/__init__.py b/src/cone/app/__init__.py index d421df8b..7e144a4e 100644 --- a/src/cone/app/__init__.py +++ b/src/cone/app/__init__.py @@ -39,7 +39,7 @@ cfg.main_template = 'cone.app.browser:templates/main.pt' # default node icon -cfg.default_node_icon = 'glyphicon glyphicon-asterisk' +cfg.default_node_icon = 'bi-asterisk' class layout_config(object): diff --git a/src/cone/app/browser/layout.py b/src/cone/app/browser/layout.py index 540a606e..d1653f76 100644 --- a/src/cone/app/browser/layout.py +++ b/src/cone/app/browser/layout.py @@ -348,6 +348,7 @@ def navtreeitem(self, title, url, target, path, icon, css=''): item['path'] = path item['icon'] = icon item['css'] = css + item['leaf'] = False item['showchildren'] = False item['children'] = list() return item @@ -385,6 +386,7 @@ def fillchildren(self, model, path, tree): title = safe_decode(title) url = make_url(self.request, node=node) query = make_query(contenttile=node.properties.default_content_tile) + # XXX: if open children inside, use parent as target target = make_url(self.request, node=node, query=query) curnode = curpath == safe_decode(key) icon = node_icon(node) @@ -394,6 +396,7 @@ def fillchildren(self, model, path, tree): child = self.navtreeitem( title, url, target, node_path(node), icon, css) child['showchildren'] = curnode + child['leaf'] = INavigationLeaf.providedBy(node) if curnode: child['selected'] = True if default_child: diff --git a/src/cone/app/browser/static/cone/cone.app.css b/src/cone/app/browser/static/cone/cone.app.css index 8a130294..35d8c33a 100644 --- a/src/cone/app/browser/static/cone/cone.app.css +++ b/src/cone/app/browser/static/cone/cone.app.css @@ -1,310 +1,27 @@ -/* layout */ -#layout > div.container-fluid { - margin-bottom: 60px; +body { + height: 100vh; } -/* main nav bar */ -.navbar-top { - border-radius: 0; - border-width: 0 0 1px; +#content { + height: calc(100% - 40px); } -/* search field */ -#search { - padding-left: 10px; - padding-right: 10px; -} -#search #search-text, #search input.form-control.tt-hint { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -/* dropdown */ -.dropdown-menu > li > a.selected { - background-color: #e8e8e8; - background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); -} -.dropdown-menu > li > a.disabled { - cursor: not-allowed; - color: #aaa; -} -.dropdown-menu > li > button { - display: block; - background: none; - border: none; - cursor: pointer; - padding: 3px 20px; - clear: both; - font-weight: normal; - line-height: 1.42857143; - color: #333; - white-space: nowrap; - width: 100%; - text-align: left; -} -.dropdown-menu > li > button:hover { - background-color: #e8e8e8; - background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); -} - -/* navtree */ -#navtree li { - padding-left: 8px; -} -#navtree li > a { - padding: 6px 10px 6px 0px; -} -#navtree li > a:hover { - color: #333; - background-color: transparent; -} -#navtree li.active > a { - font-weight: bold; -} -#navtree li.navtreelevel_1 { - padding-left: 0px; -} -#navtree li.navtreelevel_2 { - margin-left: 6px; - border-left: #cdcdcd 3px solid; -} -#navtree li.navtreelevel_2 > a { - padding: 5px 10px 5px 0px; -} -#navtree li.navtreelevel_3 { - margin-left: 5px; - border-left: #dddddd 3px solid; -} -#navtree li.navtreelevel_3 > a { - padding: 4px 10px 4px 0px; -} -#navtree li.navtreelevel_4 { - margin-left: 4px; - border-left: #dedede 3px solid; -} -#navtree li.navtreelevel_4 > a { - padding: 3px 10px 3px 0px; -} -#navtree li.navtreelevel_5 { - margin-left: 4px; - border-left: #eeeeee 3px solid; -} -#navtree li.navtreelevel_5 > a { - padding: 2px 10px 2px 0px; -} -#navtree li.navtreelevel_6 { - margin-left: 4px; - border-left: #efefef 3px solid; -} -#navtree li.navtreelevel_6 > a { - padding: 2px 10px 2px 0px; +#navtree a.nav-link { + z-index: 2000; } -/* workflow */ -span.no-transitions { - position: relative; - display: block; - padding: 15px 15px; - line-height: 20px; +@media (min-width: 992px) { + #personaltools { + order: 1; + } } - -/* content panel heading */ -.content-heading h4 { - padding-left: 0; -} - -/* batched items */ -.batched_items_slice_size { - margin-top: 2px; -} - -.batched_items_filter { - margin-right: 8px; - margin-top: 2px; -} - -.batched_items_footer .pagination { - margin-top: 0; - margin-bottom: 0; -} - -.batched_items_info { - margin-top: 4px; - margin-bottom: 4px; -} - -input.empty_filter { - color: #ccc !important; +@media (min-width: 992px) and (max-width: 1400px) { + #navbar-content { + margin-left: 200px; + } } - -/* table */ -.table_length { - margin-top: 2px; -} - -.table_filter { - margin-right: 8px; - margin-top: 2px; -} - -.table_sort { - font-size: 80%; - color: #428BCA; -} - -table.table tr th:first-child, -table.table tr td:first-child { - padding-left: 20px; -} - -td.actions a { - margin-right: 4px; -} - -.table-footer .pagination { - margin-top: 0; - margin-bottom: 0; -} - -.table_info { - margin-top: 4px; - margin-bottom: 4px; -} - -/* copysupport */ -tr.selectable td { - user-select: none; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} - -tr.selectable.selected td { - background-color: #dfeefb; -} - -.table-striped > tbody > tr.selectable.selected:nth-child(2n+1) > td { - background-color: #cfdce7; -} - -/* referencebrowser */ -.referencebrowser_trigger { - padding: 10px 15px 10px 5px; - cursor: pointer; - display: block; - text-decoration: underline; -} -.referencebrowser_trigger i { - margin-right: 0.6em; -} - -#referencebrowser_table td.actions { - width: 100px; -} - -.modal-body div.referencebrowser { - margin: -15px; -} - -div#referencebrowser_pathbar ol.breadcrumb { - border-radius: 0px; -} - -div#referencebrowser { - margin-bottom: 0px; - border-radius: 0px; - border-left: none; - border-right: none; - border-bottom: none; -} -div#referencebrowser .panel-heading, -div#referencebrowser .panel-footer { - border-radius: 0px; -} - -a.addreference.disabled, -a.removereference.disabled { - color: #ddd; -} - -/* translation */ -.translation-nav > li > a { - padding: 5px 10px; -} -.translation-nav > li.error > a, -.translation-nav > li.error > a:hover, -.translation-nav > li.error > a:focus { - color: #a94442; - background-color: #fff; -} -.translation-nav > li.active.error > a, -.translation-nav > li.active.error > a:hover, -.translation-nav > li.active.error > a:focus { - color: #fff; - background-color: #a94442; -} - -.translation-fields { - display: none; - margin-top: 3px; -} - -/* settings */ -#settings_sidebar > ul { - padding: 0; -} -#settings_sidebar > ul .settings_header { - background-image: linear-gradient(to bottom, #bbdbf7 0%, #a4cced 100%); -} -#settings_sidebar > ul > li.selected { - font-weight: bold; -} - -#settings-grid-container h3 { - margin-top: 0; - margin-bottom: 0; - border-bottom: #ccc 1px solid; -} -#settings-grid-container .settings-grid { - display: flex; - flex-wrap: wrap; - padding: 1rem; -} -#settings-grid-container .settings-grid .settings-grid-item { - display: flex; - justify-content: center; - align-items: center; - flex-flow: column; - gap: 8px; - width: 11rem; - height: 11rem; - margin-right: 1rem; - margin-bottom: 1rem; - background: #f5f5f5; - border: 1px solid rgba(0, 0, 0, 0.1215686275); - color: #000; - border-radius: 14px; - text-decoration: none; -} -#settings-grid-container .settings-grid .settings-grid-item > i { - font-size: 50px; -} -#settings-grid-container .settings-grid .settings-grid-item > span { - text-align: center; - line-height: normal; -} -#settings-grid-container .settings-grid .settings-grid-item:hover { - background: rgb(233, 233, 233); -} - -.settings-form h1 { - margin-top: 0; - margin-bottom: 14px; - font-size: 28px; - border-bottom: #ccc 1px solid; -} - -/* footer */ -footer p { - margin: 12px; +@media (min-width: 1400px) { + #header-logo { + color: #fff; + } } diff --git a/src/cone/app/browser/static/cone/cone.app.min.css b/src/cone/app/browser/static/cone/cone.app.min.css index 2af2a145..393e7c31 100644 --- a/src/cone/app/browser/static/cone/cone.app.min.css +++ b/src/cone/app/browser/static/cone/cone.app.min.css @@ -1 +1 @@ -#layout>div.container-fluid{margin-bottom:60px}.navbar-top{border-radius:0;border-width:0 0 1px}#search{padding-left:10px;padding-right:10px}#search #search-text,#search input.form-control.tt-hint{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-menu>li>a.selected{background-color:#e8e8e8;background-image:linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%)}.dropdown-menu>li>a.disabled{cursor:not-allowed;color:#aaa}.dropdown-menu>li>button{display:block;background:none;border:none;cursor:pointer;padding:3px 20px;clear:both;font-weight:normal;line-height:1.42857143;color:#333;white-space:nowrap;width:100%;text-align:left}.dropdown-menu>li>button:hover{background-color:#e8e8e8;background-image:linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%)}#navtree li{padding-left:8px}#navtree li>a{padding:6px 10px 6px 0px}#navtree li>a:hover{color:#333;background-color:rgba(0,0,0,0)}#navtree li.active>a{font-weight:bold}#navtree li.navtreelevel_1{padding-left:0px}#navtree li.navtreelevel_2{margin-left:6px;border-left:#cdcdcd 3px solid}#navtree li.navtreelevel_2>a{padding:5px 10px 5px 0px}#navtree li.navtreelevel_3{margin-left:5px;border-left:#ddd 3px solid}#navtree li.navtreelevel_3>a{padding:4px 10px 4px 0px}#navtree li.navtreelevel_4{margin-left:4px;border-left:#dedede 3px solid}#navtree li.navtreelevel_4>a{padding:3px 10px 3px 0px}#navtree li.navtreelevel_5{margin-left:4px;border-left:#eee 3px solid}#navtree li.navtreelevel_5>a{padding:2px 10px 2px 0px}#navtree li.navtreelevel_6{margin-left:4px;border-left:#efefef 3px solid}#navtree li.navtreelevel_6>a{padding:2px 10px 2px 0px}span.no-transitions{position:relative;display:block;padding:15px 15px;line-height:20px}.content-heading h4{padding-left:0}.batched_items_slice_size{margin-top:2px}.batched_items_filter{margin-right:8px;margin-top:2px}.batched_items_footer .pagination{margin-top:0;margin-bottom:0}.batched_items_info{margin-top:4px;margin-bottom:4px}input.empty_filter{color:#ccc !important}.table_length{margin-top:2px}.table_filter{margin-right:8px;margin-top:2px}.table_sort{font-size:80%;color:#428bca}table.table tr th:first-child,table.table tr td:first-child{padding-left:20px}td.actions a{margin-right:4px}.table-footer .pagination{margin-top:0;margin-bottom:0}.table_info{margin-top:4px;margin-bottom:4px}tr.selectable td{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}tr.selectable.selected td{background-color:#dfeefb}.table-striped>tbody>tr.selectable.selected:nth-child(2n+1)>td{background-color:#cfdce7}.referencebrowser_trigger{padding:10px 15px 10px 5px;cursor:pointer;display:block;text-decoration:underline}.referencebrowser_trigger i{margin-right:.6em}#referencebrowser_table td.actions{width:100px}.modal-body div.referencebrowser{margin:-15px}div#referencebrowser_pathbar ol.breadcrumb{border-radius:0px}div#referencebrowser{margin-bottom:0px;border-radius:0px;border-left:none;border-right:none;border-bottom:none}div#referencebrowser .panel-heading,div#referencebrowser .panel-footer{border-radius:0px}a.addreference.disabled,a.removereference.disabled{color:#ddd}.translation-nav>li>a{padding:5px 10px}.translation-nav>li.error>a,.translation-nav>li.error>a:hover,.translation-nav>li.error>a:focus{color:#a94442;background-color:#fff}.translation-nav>li.active.error>a,.translation-nav>li.active.error>a:hover,.translation-nav>li.active.error>a:focus{color:#fff;background-color:#a94442}.translation-fields{display:none;margin-top:3px}#settings_sidebar>ul{padding:0}#settings_sidebar>ul .settings_header{background-image:linear-gradient(to bottom, #bbdbf7 0%, #a4cced 100%)}#settings_sidebar>ul>li.selected{font-weight:bold}#settings-grid-container h3{margin-top:0;margin-bottom:0;border-bottom:#ccc 1px solid}#settings-grid-container .settings-grid{display:flex;flex-wrap:wrap;padding:1rem}#settings-grid-container .settings-grid .settings-grid-item{display:flex;justify-content:center;align-items:center;flex-flow:column;gap:8px;width:11rem;height:11rem;margin-right:1rem;margin-bottom:1rem;background:#f5f5f5;border:1px solid rgba(0,0,0,.1215686275);color:#000;border-radius:14px;text-decoration:none}#settings-grid-container .settings-grid .settings-grid-item>i{font-size:50px}#settings-grid-container .settings-grid .settings-grid-item>span{text-align:center;line-height:normal}#settings-grid-container .settings-grid .settings-grid-item:hover{background:#e9e9e9}.settings-form h1{margin-top:0;margin-bottom:14px;font-size:28px;border-bottom:#ccc 1px solid}footer p{margin:12px} +body{height:100vh}#content{height:calc(100% - 40px)}#navtree a.nav-link{z-index:2000}@media(min-width: 992px){#personaltools{order:1}}@media(min-width: 992px)and (max-width: 1400px){#navbar-content{margin-left:200px}}@media(min-width: 1400px){#header-logo{color:#fff}} diff --git a/src/cone/app/browser/templates/contextmenu.pt b/src/cone/app/browser/templates/contextmenu.pt index 5f760a10..ee55ab08 100644 --- a/src/cone/app/browser/templates/contextmenu.pt +++ b/src/cone/app/browser/templates/contextmenu.pt @@ -4,7 +4,7 @@