graphdb-workbench 2.5.1 → 2.6.0-RC2

package/dist/css/aclmanagement.css

@@ -1,11 +1,48 @@
+html, body {
+    height: 100%;
+}
+
+.page-content,
+.page-content .container-fluid {
+    height: calc(100% - 70px);
+    padding-bottom: 1rem !important;
+}
+
+.acl-management-view,
+.acl-management-view .acl-management-container,
+.acl-management-view .acl-management-container .acl-scope-tabs {
+    height: 100%;
+}
+
+.acl-management-view .acl-actions {
+    position: sticky;
+    bottom: 35px;
+    padding: .5em;
+    /* opaque version of the color-warning-light */
+    background-color: #F8F0EE;
+}
+
+.acl-management-view .acl-actions .message {
+    margin-right: 1em;
+}
+
+.acl-management-view .edit-mode .table-responsive {
+    max-height: 88%;
+}
+
+.acl-management-view .preview-mode .table-responsive {
+    max-height: 95%;
+}
+
 .acl-management-view .acl-rules {
     table-layout: fixed;
+    margin-bottom: 40px;
 }
 
 .acl-management-view .acl-rules .labels-row th {
     white-space: nowrap;
     overflow: hidden;
-    text-overflow: ellipsis;;
+    text-overflow: ellipsis;
 }
 
 .acl-management-view .acl-rules .toolbar {
@@ -24,7 +61,7 @@
 }
 
 .acl-management-view .acl-rules .index-column {
-    width: 4ch;
+    width: 5ch;
 }
 
 .acl-management-view .acl-rules .reorder-column {
@@ -32,7 +69,6 @@
 }
 
 .acl-management-view .acl-rules .index-cell {
-    padding: 0;
     text-align: center;
 }
 
@@ -63,32 +99,39 @@
     margin: 4px 0 0 3px;
 }
 
+.acl-management-view .acl-rules .operation-column {
+    width: 10%;
+}
+
 .acl-management-view .acl-rules .subject-column {
-    width: 18%;
+    width: 15%;
 }
 
 .acl-management-view .acl-rules .predicate-column {
-    width: 18%;
+    width: 15%;
 }
 
 .acl-management-view .acl-rules .object-column {
-    width: 18%;
+    width: 15%;
 }
 
 .acl-management-view .acl-rules .context-column {
-    width: 18%;
+    width: 15%;
 }
 
-.acl-management-view .acl-rules .role-column {
-    width: 18%;
+.acl-management-view .acl-rules .plugin-column {
+    width: 15%;
 }
 
 .acl-management-view .acl-rules .policy-column {
-    width: 100px;
+    width: 10%;
 }
 
+.acl-management-view .acl-rules .role-column {
+    width: 10%;
+}
 .acl-management-view .acl-rules .actions-column {
-    width: 107px;
+    width: 8%;
 }
 
 .acl-management-view .acl-rules .actions-cell {
@@ -112,3 +155,133 @@
         background-color: rgba(255, 255, 255, 0);
     }
 }
+
+input::placeholder {
+    text-transform: initial;
+}
+
+.acl-rules.preview-rule-row td, .acl-rules.preview-rule-row th {
+    padding: 12px 16px;
+}
+
+.table.acl-rules th {
+    border-top: none;
+}
+
+.wildcard-cell {
+    font-family: var(--mono-font);
+    font-weight: bold !important;
+    color: rgba(0, 0, 0, 0.5) !important
+}
+
+.subject-cell, .predicate-cell, .object-cell, .context-cell {
+    font-family: var(--mono-font);
+    font-size: 100%;
+}
+
+.context-cell-special {
+    font-family: inherit;
+    font-size: inherit;
+    font-weight: 500;
+}
+
+.plugin-cell:not(.wildcard-cell) {
+    font-family: inherit;
+    font-size: inherit;
+    font-weight: 500;
+}
+
+.acl-tag {
+    padding: 0.25em 0.5em;
+    font-weight: 500;
+}
+
+.acl-tag-allow {
+    background-color: var(--color-success-light);
+    color: var(--color-success-dark);
+}
+
+.acl-tag-deny {
+    background-color: var(--color-danger-light);
+    color: var(--color-danger-dark);
+}
+
+.acl-tag-read {
+    background-color: var(--color-help-light);
+    color: var(--color-info-dark);
+}
+
+.acl-tag-write {
+    background-color: var(--color-warning-light);
+    color: var(--color-warning-dark);
+}
+
+.acl-tag-role {
+    color: inherit;
+    padding: 0;
+}
+
+.acl-tag-role-negated {
+    background-color: #ddd;
+    color: var(--gray-color-dark);
+}
+
+.nav-link{
+    position: relative;
+}
+
+.nav-link.disabled:not(.active) {
+    cursor: not-allowed;
+    background-color: #eee!important;
+}
+
+.reorder-cell {
+    display: table-cell;
+    vertical-align: middle;
+    min-height: 50px;
+}
+
+.textarea-edit {
+    padding: 4px 8px;
+    min-height: 29px;
+}
+
+.autocomplete-textarea {
+    min-height: 29px;
+}
+
+.crud-actions-group {
+    display: flex;
+    justify-content: flex-end;
+}
+
+.select-rule {
+    height: 29px !important;
+    font-size: 100%;
+}
+
+tr.acl-rule.edit-rule-row .form-control:not(.select-rule){
+    font-family: var(--mono-font);
+    font-size: 100%;
+}
+
+.autocomplete-results-wrapper {
+    z-index: 1000;
+}
+
+input.ng-invalid.ng-touched, select.ng-invalid.ng-touched, textarea.ng-invalid.ng-touched, form.ng-submitted .ng-invalid, .autocomplete-editable.invalid {
+    border: 2px solid #FA787E;
+}
+
+table td {
+    vertical-align: top !important;
+}
+
+.table-info, .table-info > td, .table-info > th {
+    background-color: var(--color-warning-light) !important;
+}
+
+.nav-item .nav-link > span,
+.nav-item .nav-link > i {
+    vertical-align: middle;
+}

package/dist/css/autocomplete-select.css

@@ -5,11 +5,12 @@
 .autocomplete-select-wrapper .autocomplete-results-wrapper {
     position: absolute;
     top: 100%;
-    left: 0;
     max-height: 204px;
     margin-bottom: 0;
     overflow: auto;
     background-color: #fff;
+    right: auto;
+    left: auto;
 }
 
 .autocomplete-select-wrapper .autocomplete-results-wrapper div:hover {
@@ -60,3 +61,7 @@
     padding-top: calc((100vh - 300px) / 2);
     background-color: rgba(255,255,255,0.66);
 }
+
+.autocomplete-textarea {
+    overflow: hidden;
+}

package/dist/css/bootstrap-graphdb-theme.css

@@ -442,6 +442,9 @@
 .icon-follower:before {
     content: "\e962";
 }
+.icon-exclamation:before {
+    content: "\e955";
+}
 /*
 [class^="icon-"]:before, [class*=" icon-"]:before {
 	display: inline-block;
@@ -740,7 +743,6 @@ main menu height*/
 .main-menu .menu-element.open,
 .main-menu.collapsed .menu-element:hover {
     background-color: #dcdcdc;
-
 }
 
 .main-menu .sub-menu {
@@ -772,7 +774,6 @@ main menu height*/
     font-family: 'icomoon', sans-serif !important;
     content: "\e921";
     display: block;
-    color: rgba(0, 0, 0, .25);
     font-size: 1.5em;
     position: absolute;
     top: -3.3rem;
@@ -1380,6 +1381,16 @@ footer.footer .container-fluid.main-container p {
     content: "\e920";
 }
 
+.tab-error:after {
+    font-family: 'icomoon', sans-serif !important;
+    font-size: 1em;
+    vertical-align: middle;
+    line-height: 1;
+    position: absolute;
+    left: 0.1em;
+    content: "\e920";
+}
+
 .alert-success:before {
     content: "\e914";
 }
@@ -2565,6 +2576,64 @@ ul.nav.navbar-right.pagination li.disabled a {
 }
 
 
+yasgui-component .yasgui-btn.btn-selected {
+    background-color: var(--primary-color) !important;
+}
+
+yasgui-component .btn-orientation {
+    color: var(--primary-color) !important;
+}
+
+yasgui-component .custom-button {
+    color: var(--primary-color) !important;
+}
+
+yasgui-component .yasqe_queryButton {
+    background-color: var(--primary-color) !important;
+}
+
+yasgui-component .ontotext-dropdown-button,
+yasgui-component .ontotext-dropdown-menu-item {
+    background-color: var(--primary-color) !important;
+}
+yasgui-component .ontotext-dropdown-button.icon-caret-down-after:after,
+yasgui-component .ontotext-dropdown-button.icon-caret-up-after:after {
+    color: #fff !important;
+}
+
+yasgui-component .ok-button,
+yasgui-component .primary-button,
+yasgui-component .confirm-button {
+    background-color: var(--primary-color) !important;
+}
+
+yasgui-component .yasr a {
+    color: var(--secondary-color) !important;
+}
+
+yasgui-component .yasr .dataTable a {
+    font-size: 16px;
+}
+
+yasgui-component .yasr_response_chip {
+    font-size: 16px;
+    color: var(--secondary-color) !important;
+}
+
+yasgui-component .yasr_plugin_control label {
+    color: var(--secondary-color) !important;
+    margin-bottom: 0;
+}
+
+yasgui-component .yasr_plugin_control label .label {
+    margin-right: 5px;
+}
+
+/* End of yasgui-component style overrides */
+.dialog .dialog-footer .confirm-button {
+    background-color: var(--primary-color) !important;
+}
+
 .yasqe .CodeMirror {
     min-height: 330px;
 }

package/dist/css/create-similarity-index.css

@@ -0,0 +1,12 @@
+#query-editor .yasr .yasr_header {
+    margin-bottom: 0;
+}
+
+.yasr_results {
+    max-height: 345px;
+    overflow-y: auto;
+}
+
+yasgui-component .CodeMirror {
+    height: 330px !important;
+}

package/dist/css/explore.css

@@ -1,6 +1,3 @@
-.yasr .dataTables_wrapper .dataTables_filter {
-    display:none;
-}
 .opacity-hide {
     opacity: 0;
     display: none;

package/dist/css/graphs-config.css

@@ -8,11 +8,16 @@
     overflow-y: auto;
 }
 
+yasgui-component .CodeMirror {
+    height: 330px !important;
+}
+
 /* Centers loader vertically within the space occupied by the editor */
 #sparql-content .ot-loader-new-content {
     margin-top: 121px;
     margin-bottom: 120px;
 }
+
 #editor-wrapper {
     position: absolute;
     display: inline-block;
@@ -28,23 +33,27 @@
     display: flex;
     align-items: stretch;
 }
+
 .image-label {
-    border: 1px solid rgba(0,0,0,.125);
+    flex: 1;
+    border: 1px solid rgba(0, 0, 0, .125);
     padding: 1rem;
     margin: 0 1rem 0 0;
     transition: all 0.2s ease-in;
-    cursor:pointer;
-    max-width: 400px;
+    cursor: pointer;
     position: relative;
 }
+
 .image-label:last-of-type {
     margin-right: 0;
 }
+
 .image-label-image {
     max-width: 140px;
     display: block;
     margin: 0 auto 1rem auto;
 }
+
 .image-label .form-check-input {
     margin: 0;
     top: 0.8rem;
@@ -65,6 +74,7 @@
     .image-label {
         flex-direction: column;
     }
+
     .info-box-img {
         max-width: 200px;
         height: auto;

package/dist/css/jdbc-create.css

@@ -0,0 +1,8 @@
+.jdbc-configuration {
+    /* unset it to prevent yasgui inner controls misalignment */
+    position: unset;
+}
+
+yasgui-component .CodeMirror {
+    height: 330px !important;
+}