graphdb-workbench 2.6.0-TR3 → 2.6.0-TR5

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

@@ -740,7 +740,6 @@ main menu height*/
 .main-menu .menu-element.open,
 .main-menu.collapsed .menu-element:hover {
     background-color: #dcdcdc;
-
 }
 
 .main-menu .sub-menu {
@@ -772,7 +771,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 +1378,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 +2573,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;
+}

package/dist/css/lib/ontotext-yasgui-web-component.css

@@ -0,0 +1,403 @@
+@import "../common.css";
+
+/* Resets the default font-size for every tag in the yasgui */
+/* Omit the heading  tags */
+yasgui-component :not(h3,h4,sup) {
+    font-size: 1rem !important;
+}
+
+/* Dialog body should have slightly bigger font-size. */
+yasgui-component .dialog-body,
+/* When it is attached directly to the html body. */
+.confirmation-dialog .dialog-body {
+    font-size: 1.25rem !important;
+}
+
+yasgui-component .dialog .dialog-footer .cancel-button,
+.confirmation-dialog .dialog-footer .cancel-button {
+    margin-right: 3px;
+    background-color: #ebebeb;
+    border-color: #ebebeb;
+}
+
+yasgui-component .yasgui-btn.btn-selected {
+    background-color: var(--primary-color) !important;
+}
+
+yasgui-component .yasgui-toolbar .yasgui-btn {
+    font-size: 14px !important;
+    padding-left: 8px;
+    padding-right: 8px;
+}
+
+yasgui-component .yasgui-toolbar .btn-orientation {
+    color: var(--primary-color) !important;
+    font-size: 28px !important;
+    margin-left: 1rem;
+}
+
+yasgui-component .yasqe .CodeMirror {
+    font-family: var(--mono-font) !important;
+    font-size: 16px;
+    border-color: #ddd !important;
+}
+
+/* Unset the font-family so that it can inherit from workbench */
+yasgui-component .CodeMirror-hints {
+    font-family: unset;
+}
+
+yasgui-component .CodeMirror-linenumber {
+    color: rgba(0, 0, 0, .66) !important;
+}
+
+yasgui-component li.CodeMirror-hint-active {
+    background: var(--autocomplete-background);
+    color: inherit;
+}
+
+yasgui-component .CodeMirror-hint b, .CodeMirror-hint-active b {
+    color: var(--autocomplete-match);
+    font-weight: 400;
+}
+
+yasgui-component .yasqe .yasqe_buttons {
+    right: 21px;
+}
+
+yasgui-component .tabPanel .yasqe  .yasqe-footer-buttons {
+    padding-top: 15px;
+}
+
+yasgui-component .tabPanel .yasqe  .yasqe-footer-buttons .abort-button {
+    font-family: var(--main-font);
+    font-weight: 400;
+    height: 38px;
+}
+
+yasgui-component .custom-button {
+    color: var(--primary-color) !important;
+    font-size: 2.5em !important;
+    height: 48px;
+}
+
+yasgui-component .custom-button:disabled:hover, yasgui-component .custom-button:disabled:focus {
+    color: #818a91 !important;
+}
+
+yasgui-component .yasqe_queryButton {
+    background-color: var(--primary-color) !important;
+    font-family: var(--main-font);
+    font-weight: 400;
+    height: 38px !important;
+}
+
+yasgui-component .editable-text-field-wrapper,
+yasgui-component .yasgui .tabsList .tab {
+    color: inherit;
+    font-weight: 400;
+}
+
+yasgui-component .yasgui .tabsList .tab .closeTab,
+yasgui-component .yasgui .tabsList .addTab {
+    color: rgba(0, 0, 0, 0.66) !important;
+}
+
+yasgui-component .yasgui .tabsList .tab .closeTab .icon-close,
+yasgui-component .yasgui .tabsList .addTab .icon-plus {
+    font-size: 1.225em !important;
+}
+
+yasgui-component .yasgui .tabsList .tab .closeTab:hover,
+yasgui-component .yasgui .tabsList .addTab:hover {
+    color: var(--primary-color-dark) !important;
+}
+
+yasgui-component .editable-text-field-wrapper .save-btn,
+yasgui-component .editable-text-field-wrapper .save-btn:hover {
+    background-color: var(--primary-color);
+}
+
+yasgui-component .editable-text-field-wrapper .save-btn span,
+yasgui-component .editable-text-field-wrapper .close-btn span {
+    font-weight: 900;
+}
+
+yasgui-component .ontotext-dropdown-menu .ontotext-dropdown-menu-item {
+    padding: .5em 1.2em;
+    font-size: 1rem;
+}
+
+yasgui-component .ontotext-dropdown-button {
+    height: 40px;
+}
+
+yasgui-component .ontotext-dropdown-button,
+yasgui-component .ontotext-dropdown-menu.open .ontotext-dropdown-menu-item {
+    background-color: var(--primary-color) !important;
+    color: #fff !important;
+}
+
+yasgui-component .ontotext-download-as .ontotext-dropdown-button .button-name {
+    font-family: var(--main-font);
+    font-weight: 400;
+}
+
+yasgui-component .ontotext-dropdown-button:hover,
+yasgui-component .ontotext-dropdown-menu .ontotext-dropdown-menu-item:hover,
+yasgui-component .ontotext-dropdown-button.icon-caret-up-after {
+    background-color: var(--primary-color-dark) !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 .ontotext-download-as .ontotext-dropdown-button {
+    height: 38px;
+}
+
+yasgui-component .yasr-toolbar {
+    align-items: stretch !important;
+    padding-left: 10px;
+    font-size: 16px;
+    line-height: 1.25;
+}
+
+yasgui-component .yasr-toolbar .explore-visual-graph-button {
+    display: flex;
+    align-items: center;
+    gap: 5px;
+    border: none;
+    outline: none;
+    color: #fff;
+    background-color: var(--primary-color);
+    padding-left: 16px;
+    padding-right: 16px;
+}
+
+yasgui-component .yasr-toolbar .explore-visual-graph-button:hover {
+    cursor: pointer;
+    background-color: var(--primary-color-dark) !important;
+}
+
+yasgui-component .yasr-toolbar .chart-download-as-button,
+yasgui-component .yasr-toolbar .pivot-table-download-as-button {
+    background-color: var(--primary-color) !important;
+}
+
+yasgui-component .ok-button,
+yasgui-component .primary-button,
+yasgui-component .confirm-button {
+    background-color: var(--primary-color) !important;
+    border-color: var(--primary-color) !important;
+}
+
+yasgui-component .yasr .alert-box {
+    padding-right: 35px;
+}
+
+yasgui-component .yasr .alert-box .close-button {
+    font-size: 21px !important;
+}
+
+yasgui-component .yasr a {
+    color: var(--secondary-color-light) !important;
+}
+
+yasgui-component .yasr a {
+    color: var(--secondary-color) !important;
+}
+
+yasgui-component .yasr .yasr_header .yasr_response_chip {
+    background-color: unset !important;
+}
+
+yasgui-component .yasr .yasr_header {
+    background-color: var(--color-info-light) !important;
+}
+
+yasgui-component .yasr .dataTable .triple-cell .triple-link {
+    color: #708 !important;
+}
+
+yasgui-component .yasr .yasr_btnGroup .yasr_btn {
+    margin-left: 0;
+    margin-right: .2rem;
+    font-size: 16px;
+    font-weight: 400;
+    color: #55595c !important;
+    fill: #55595c !important;
+    background-color: #eee;
+    border-bottom: 1px solid transparent;
+}
+
+yasgui-component .yasr .yasr_btnGroup .yasr_btn:hover {
+    fill: #55595c !important;
+    border-bottom-width: 1px;
+    border-color: #eceeef #eceeef #ddd;
+}
+
+yasgui-component .yasr .yasr_btnGroup .yasr_btn.selected {
+    border-top: 1px solid #ddd;
+    border-left: 1px solid #ddd;
+    border-right: 1px solid #ddd;
+    border-bottom: none;
+    background-color: #fff;
+}
+
+yasgui-component .yasr .error-response-plugin {
+    background-color: var(--color-danger-light) !important;
+}
+
+yasgui-component .yasr .extended-boolean-plugin > * {
+    font-size: 3rem !important;
+}
+
+yasgui-component .yasr .extended-boolean-plugin .response-error {
+    background-color: var(--color-danger-light) !important;
+}
+
+yasgui-component .yasr .extended-boolean-plugin .response-success {
+    background-color: var(--color-success-light) !important;
+}
+
+yasgui-component .yasr .dataTables_wrapper .dataTable {
+    border-collapse: collapse;
+}
+
+yasgui-component .yasr .dataTables_wrapper .dataTable thead tr th {
+    font-weight: 500;
+}
+
+yasgui-component .yasr .dataTables_wrapper .dataTable .rowNumber {
+    color: rgba(0, 0, 0, .66) !important;
+}
+
+yasgui-component .yasr .dataTable a {
+    font-size: 16px;
+}
+
+yasgui-component .yasr .dataTable .nonUri sup {
+    color: #666666;
+}
+
+yasgui-component .yasr #explainPlanQuery {
+    font-family: var(--mono-font);
+}
+
+yasgui-component .yasr_response_chip {
+    font-size: 16px;
+    color: var(--secondary-color) !important;
+}
+
+yasgui-component .yasr_response_chip .response-info-message {
+    padding-left: 10px;
+}
+
+yasgui-component .yasr_plugin_control label {
+    color: var(--secondary-color) !important;
+    margin-bottom: 0;
+}
+
+yasgui-component .yasr_plugin_control label .label {
+    margin-right: 5px;
+}
+
+yasgui-component .saved-queries-container .saved-queries-popup {
+    overflow-y: auto;
+}
+
+yasgui-component .saved-queries-container .saved-queries-popup .saved-query {
+    padding: 0;
+}
+
+yasgui-component .saved-queries-container .saved-queries-popup .saved-query a {
+    color: var(--secondary-color);
+    font-size: 14px;
+    font-weight: bolder;
+}
+
+yasgui-component .saved-queries-container .saved-queries-popup .saved-query-actions .saved-query-action {
+    color: var(--primary-color);
+    font-size: 1.25em;
+}
+
+yasgui-component .abort-button {
+    background-color: var(--primary-color) !important;
+}
+
+yasgui-component .abort-button:hover {
+    background-color: var(--primary-color-dark) !important;
+}
+
+yasgui-component .page-button.selected-page {
+    background-color: var(--primary-color) !important;
+    color: #fff !important;
+}
+
+yasgui-component .page-selector {
+    color: var(--secondary-color) !important;
+}
+
+.keyboard-shortcuts-dialog-wrapper {
+    height: 20px;
+    line-height: 18px;
+    font-size: 90%;
+}
+
+.keyboard-shortcuts-dialog-wrapper.resizeable-on {
+    margin-top: -31px;
+}
+
+.keyboard-shortcuts-dialog-button {
+    font-weight: 400;
+    color: var(--secondary-color);
+}
+
+.hidden {
+    display: none;
+}
+
+/* =================================================================================
+    Media queries ensuring proper responsive layout on different screen resolutions
+   ================================================================================= */
+/* And scale it down on given viewport width */
+@media (max-width: 1439px) {
+    /* Omit the heading  tags */
+    yasgui-component :not(h3,h4,.dialog-body,.custom-button,.btn-orientation,sup) {
+        font-size: 14px !important;
+    }
+
+    yasgui-component .yasgui-toolbar .yasgui-btn {
+        font-size: 12px !important;
+        height: 24px !important;
+    }
+
+    yasgui-component .yasgui-toolbar .btn-orientation {
+        font-size: 24px !important;
+    }
+
+    yasgui-component .yasqe_queryButton,
+    yasgui-component .ontotext-dropdown-button,
+    yasgui-component .tabPanel .yasqe  .yasqe-footer-buttons .abort-button {
+        height: 33px !important;
+    }
+}
+
+@media (max-width: 1200px) {
+    .yasr_btn span {
+        display: none;
+    }
+}
+
+@media (max-width: 768px) {
+    .ontotext-dropdown .button-name {
+        display: inline;
+    }
+
+    .ontotext-dropdown .ontotext-dropdown-button:after {
+        padding-left: 10px !important;
+    }
+}

package/dist/css/shepherd-custom.css

@@ -11,10 +11,6 @@
     color: #003663;
 }
 
-.guide-dialog.shepherd-element {
-    margin: 12px !important;
-}
-
 .shepherd-element {
     border-radius: 0;
     max-width: 500px;
@@ -78,3 +74,23 @@
     bottom: 5px;
     right: 5px;
 }
+
+.guide-dialog.shepherd-element[data-popper-placement="top"] {
+    margin-top: -12px;
+}
+
+.guide-dialog.shepherd-element[data-popper-placement="right"] {
+    margin-left: 12px;
+}
+
+.guide-dialog.shepherd-element[data-popper-placement="bottom"] {
+    margin-top: 12px;
+}
+
+.guide-dialog.shepherd-element[data-popper-placement="left"] {
+    margin-left: -12px;
+}
+
+.guide-dialog.shepherd-element.visual-graph-link-focus-guide-dialog {
+    margin-top: -52px;
+}

package/dist/css/similarity.css

@@ -7,11 +7,3 @@
     display: block;
     margin: 0 auto;
 }
-
-.yasr .dataTables_filter {
-    display: none;
-}
-
-.yasr-container {
-    margin-top: 10px;
-}

package/dist/css/sparql-editor.css

@@ -0,0 +1,49 @@
+.sparql-editor-view #sparql-query-update-title-label {
+    position: relative;
+    margin-bottom: -35px;
+    z-index: 1;
+}
+
+.sparql-editor-view #sparql-query-update-title-label .btn-link {
+    position: relative;
+    z-index: 100;
+}
+
+@media (max-width: 1200px) {
+    .sparql-editor-view #sparql-query-update-title-label {
+        margin-bottom: 0;
+    }
+}
+
+.sparql-editor-view div[core-errors] {
+    /* compensate for the negative margin on the title above */
+    margin-top: calc(47px + 0.5em);
+}
+
+.sparql-editor-view #query-editor .yasgui-host-element {
+    display: block;
+}
+
+.sparql-editor-view #query-editor .yasgui-host-element .ontotext-yasgui {
+    clear: both;
+    padding-top: 15px;
+}
+
+.sparql-editor-view #query-editor .yasgui-toolbar {
+    display: inline;
+    float: right;
+    font-size: 14px;
+    font-weight: 400;
+    position: relative;
+    z-index: 100;
+}
+
+.sparql-editor-view #query-editor .yasgui-toolbar .yasgui-btn {
+    height: 27px;
+    margin-right: 3px;
+    color: var(--secondary-color);
+}
+
+.sparql-editor-view #query-editor .yasgui-toolbar .btn-selected {
+    color: #fff;
+}

package/dist/css/sparql-templates.css

@@ -0,0 +1,3 @@
+yasgui-component .CodeMirror {
+    height: 330px !important;
+}