graphdb-workbench 2.3.2-TR1 → 2.4.0-TR2

package/dist/css/clustermanagement.css

@@ -17,12 +17,15 @@ path.link {
 }
 
 .cluster-zone.no-cluster {
-  cursor: pointer;
   stroke: black;
   fill: transparent;
   transition: fill 0.2s, stroke 0.2s;
 }
 
+.cluster-zone.no-cluster.has-access {
+    cursor: pointer;
+}
+
 .cluster-zone.no-cluster:hover {
   stroke-width: 3 !important;
   fill: #f7f7f7 !important;
@@ -44,24 +47,24 @@ path.link {
 
 .node {
   cursor: pointer;
-  fill: var(--onto-grey);
+  fill: var(--grey-color);
   stroke: black;
 }
 
 .node.leader {
-  fill: var(--onto-orange)
+  fill: var(--primary-color)
 }
 
 .node.follower {
-  fill: var(--onto-blue)
+  fill: var(--secondary-color)
 }
 
 .node.candidate {
-  fill: var(--onto-green)
+  fill: var(--tertiary-color)
 }
 
 .node.other {
-  fill: var(--onto-grey)
+  fill: var(--grey-color)
 }
 
 #node-group.legend .node {

package/dist/css/common.css

@@ -7,24 +7,6 @@
     --main-font: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
     --main-font-weight: 300;
     --mono-font: 'JetBrains Mono', Menlo, Consolas, 'Ubuntu Mono', monospace;
-
-    --onto-orange-rgb: 232, 78, 15;
-    --onto-orange: #E84E0F;
-    --onto-orange-light: #ea5f26;
-    --onto-orange-dark: #d0460d;
-
-    --onto-blue-rgb: 0, 54, 99;
-    --onto-blue: #003663;
-    --onto-blue-light: #0060b0;
-    --onto-blue-dark: #003059;
-
-    --onto-green-rgb: 2, 169, 154;
-    --onto-green: #02A99A;
-    --onto-green-light: #1bb1a4;
-    --onto-green-dark: #01988a;
-
-    --onto-grey-rgb: 151, 153, 156;
-    --onto-grey: #97999C;
 }
 
 /*-------------------------------------------------------------

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

@@ -0,0 +1,8 @@
+#query-editor .yasr .yasr_header {
+    margin-bottom: 0;
+}
+
+.yasr_results {
+    max-height: 345px;
+    overflow-y: auto;
+}

package/dist/css/dependencies.css

@@ -7,7 +7,7 @@
 }
 
 #download-svg:hover {
-    color: var(--onto-orange);
+    color: var(--primary-color);
 }
 
 #circle:hover path.fade {
@@ -124,7 +124,7 @@ div.tooltip {
     border-left: 1pt solid #ffffff !important;
     border-top: 0.5pt solid #ffffff !important;
     border-right: 1pt solid #ffffff !important;
-    background-color: rgba(var(--onto-green-rgb), 0.30) !important;
+    background-color: hsla(var(--tertiary-color-hsl), 0.30) !important;
 }
 
 
@@ -157,7 +157,7 @@ div.tooltip {
 }
 
 .direction-filter-header {
-    color: var(--onto-blue);
+    color: var(--secondary-color);
     font-size: 18px;
 }
 

package/dist/css/domain-range-graph.css

@@ -34,7 +34,7 @@
 }
 
 .link, .loop-link, .property-arrow, .implicit-property-arrow, .collapsed-property-arrow, .property-type-list-item-legend {
-    stroke: var(--onto-blue);
+    stroke: var(--secondary-color);
 }
 
 .legend-class-node {
@@ -92,7 +92,7 @@
 }
 
 .property-name:hover, .loop-link-property-name:hover, .left-class-label:hover, .right-class-label:hover, .rdf-class-label:hover {
-    fill: var(--onto-blue);
+    fill: var(--secondary-color);
 }
 
 .left-class-label {

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/export.css

@@ -35,7 +35,7 @@
 .ot-owlim-ctrl .pagination > .active > a {
     background-color: #EBEBEB;
     border-color: #EBEBEB;
-    color: var(--onto-blue);
+    color: var(--secondary-color);
 }
 
 .ot-page-size .dropdown-menu {
@@ -65,8 +65,8 @@
   top: 3px;
 }
 .ot-owlim-ctrl .btn-primary[disabled] {
-	background-color: var(--onto-blue);
-	border-color: var(--onto-blue);
+	background-color: var(--secondary-color);
+	border-color: var(--secondary-color);
 	color: #fff;
 }
 
@@ -93,7 +93,7 @@
 }
 
 .arrows-up-down i.fa{
-    color: var(--onto-green);
+    color: var(--tertiary-color);
     font-size: 26px;
 }
 
@@ -118,8 +118,8 @@
     margin: 0;
     padding: 0;
     list-style: none;
-    background-color: var(--onto-blue);
-    border-color: var(--onto-blue);
+    background-color: var(--secondary-color);
+    border-color: var(--secondary-color);
     display: none;
 }
 
@@ -137,7 +137,7 @@
 
 .formats-list > li:hover{
     cursor: pointer;
-    background-color: var(--onto-green);
+    background-color: var(--tertiary-color);
 }
 
 .arrow-up {
@@ -145,7 +145,7 @@
     height: 0;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
-    border-bottom: 8px solid var(--onto-blue);
+    border-bottom: 8px solid var(--secondary-color);
     position: absolute;
     bottom: 0;
     left: 40px;
@@ -208,7 +208,7 @@
 #export-graphs .arrow-up{
     border-left: 5px solid transparent;
     border-right: 5px solid transparent;
-    border-bottom: 5px solid var(--onto-blue);
+    border-bottom: 5px solid var(--secondary-color);
     bottom: -2px;
     left: 19px;
 }

package/dist/css/graphs-config.css

@@ -13,6 +13,7 @@
     margin-top: 121px;
     margin-bottom: 120px;
 }
+
 #editor-wrapper {
     position: absolute;
     display: inline-block;
@@ -28,23 +29,26 @@
     display: flex;
     align-items: stretch;
 }
+
 .image-label {
-    border: 1px solid rgba(0,0,0,.125);
+    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;
@@ -52,19 +56,20 @@
 }
 
 .image-label:hover {
-    border-color: rgba(var(--onto-orange-rgb), 0.3);
-    background-color:  rgba(var(--onto-orange-rgb), 0.03)
+    border-color: hsla(var(--primary-color-hsl), 0.3);
+    background-color:  hsla(var(--primary-color-hsl), 0.03)
 }
 
 .image-label.active, .image-label.active:hover {
     border-color: rgb(237, 79, 47);
-    background-color:  rgba(var(--onto-orange-rgb), 0.15)
+    background-color:  hsla(var(--primary-color-hsl), 0.15)
 }
 
 @media (max-width: 1270px) {
     .image-label {
         flex-direction: column;
     }
+
     .info-box-img {
         max-width: 200px;
         height: auto;

package/dist/css/graphs-vizualizations.css

@@ -148,11 +148,11 @@
 }
 
 .triple-pred:hover {
-    color:var(--onto-green)
+    color:var(--tertiary-color)
 }
 
 .triple-pred {
-    color: var(--onto-orange-dark);
+    color: var(--primary-color-dark);
 }
 
 .disable-visual-graph-node {

package/dist/css/guides.css

@@ -5,5 +5,5 @@
 .ot-owlim-ctrl .pagination > .active > a {
     background-color: #EBEBEB;
     border-color: #EBEBEB;
-    color: var(--onto-blue);
+    color: var(--secondary-color);
 }

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

@@ -0,0 +1,27 @@
+@import "../common.css";
+
+.hidden {
+    display: none;
+}
+.explore-visual-graph-button {
+    font-size: 1.2em;
+    font-weight: 400;
+    padding: 14px 6px 14px 6px;
+    border: none;
+    outline: none;
+    color: #FFFFFF;
+    background-color: var(--primary-color);
+}
+.explore-visual-graph-button:hover {
+    cursor: pointer;
+}
+
+.yasr-toolbar {
+    padding-left: 10px;
+}
+
+@media (max-width: 768px) {
+    .explore-visual-graph-button-name {
+        display: none;
+    }
+}

package/dist/css/new-sparql.css

@@ -166,14 +166,14 @@ a[aria-expanded = true].query-has-error span {
 }
 
 .show-less-message-link, .show-full-message-link {
-    color: var(--onto-blue);
+    color: var(--secondary-color);
     font-weight: 400;
     display: block;
     text-align: right;
 }
 
 .show-full-message-link::after, .show-less-message-link::after {
-    color: var(--onto-blue);
+    color: var(--secondary-color);
     font-family: 'icomoon', sans-serif !important;
     content: "\e921";
     display: inline-block;

package/dist/css/rdf-class-hierarchy.css

@@ -39,7 +39,7 @@ svg {
 }
 
 #close-button {
-	color: var(--onto-blue);
+	color: var(--secondary-color);
     font-size: 1.5em;
     cursor: pointer;
 }

package/dist/css/rdf-details-side-panel.css

@@ -112,7 +112,7 @@
     padding: 0 0.3em;
 }
 .toggle-sidepanel:hover {
-	background-color: var(--onto-orange);
+	background-color: var(--primary-color);
 	color: #fff;
 }
 

package/dist/css/rdf-resource-search.css

@@ -45,5 +45,4 @@
 
 .autocomplete-hint {
     font-size: 12px;
-    color: gray;
 }

package/dist/css/repositories.css

@@ -200,7 +200,7 @@ span.required {
     padding-top: 5px;
     font-size: 20px;
     background-color: #D1D1D1;
-    color: var(--onto-orange);
+    color: var(--primary-color);
 }
 
 #sesameRepositories .repositoryMainContainer .repositoryContainer .nameRow div {
@@ -215,7 +215,7 @@ span.required {
 #sesameRepositories .repositoryMainContainer .repositoryContainer .nameRow div.iconsContainer div i {
     cursor: pointer;
     font-size: 16px;
-    color: var(--onto-orange);
+    color: var(--primary-color);
     margin-left: 5px
 }
 
@@ -369,11 +369,11 @@ span.label {
 }
 
 .fedx-repo-member-icon {
-    color:var(--onto-blue)
+    color:var(--secondary-color)
 }
 
 .icon-import.active {
-    color:var(--onto-green)
+    color:var(--tertiary-color)
 }
 .checkbox-param-include-inferred {
     position: relative;

package/dist/css/repository.create.css

@@ -10,7 +10,7 @@
   white-space: normal;
   overflow: hidden;
   text-overflow: ellipsis;
-  color: var(--onto-blue);
+  color: var(--secondary-color);
   border-radius: 20px;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   max-width: 380px;
@@ -32,7 +32,7 @@
 }
 
 .repository-heading i {
-    color: var(--onto-orange);
+    color: var(--primary-color);
 }
 
 .repo-description {

package/dist/css/shepherd-custom.css

@@ -47,8 +47,8 @@
     display: block;
     height: 120px;
     margin-top: 0.5em;
-    color: var(--onto-blue);
-    background-color: rgba(var(--onto-green-rgb), 0.3);
+    color: var(--secondary-color);
+    background-color: hsla(var(--tertiary-color-hsl), 0.3);
     overflow: scroll;
     white-space: pre-wrap;
 }

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,65 @@
+.sparql-editor-view {
+    position: relative;
+}
+
+.sparql-editor-view #sparql-query-update-title-label {
+    position: relative;
+}
+
+.sparql-editor-view #sparql-query-update-title-label .btn-link {
+    position: relative;
+    z-index: 100;
+}
+
+.sparql-editor-view #query-editor {
+    position: relative;
+    top: -55px;
+}
+
+.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;
+}
+
+.sparql-editor-view #query-editor .yasgui-toolbar {
+    font-size: 14px;
+    font-weight: 400;
+}
+
+.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;
+}
+
+.sparql-editor-view #query-editor .dataTables_wrapper {
+    overflow-x: scroll;
+}
+
+.keyboard-shortcuts-dialog-wrapper {
+    height: 20px;
+    line-height: 20px;
+    font-size: 90%;
+}
+
+.keyboard-shortcuts-dialog-wrapper.resizeable-on {
+    margin-top: -30px;
+}
+
+.keyboard-shortcuts-dialog-button {
+    font-weight: 400;
+    color: var(--secondary-color);
+}

package/dist/css/workbench-custom.css

@@ -107,37 +107,37 @@
 .nav .open > a,
 .nav .open > a:hover,
 .nav .open > a:focus {
-    background-color: var(--onto-blue);
-    border-color: var(--onto-blue);
+    background-color: var(--secondary-color);
+    border-color: var(--secondary-color);
 }
 
 .label-success {
-    background-color: var(--onto-green);
+    background-color: var(--tertiary-color);
 }
 
 .navbar-inverse .navbar-nav > li > a:hover,
 .navbar-inverse .navbar-nav > li > a:focus {
-    background-color: var(--onto-green);
+    background-color: var(--tertiary-color);
 }
 
 .navbar-inverse .navbar-nav > .active > a,
 .navbar-inverse .navbar-nav > .active > a:hover,
 .navbar-inverse .navbar-nav > .active > a:focus {
-    background-color: var(--onto-green);
+    background-color: var(--tertiary-color);
 }
 
 @media (max-width: 767px) {
     .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
-        border-color: var(--onto-green);
+        border-color: var(--tertiary-color);
     }
     .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
     .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
-        background-color: var(--onto-green);
+        background-color: var(--tertiary-color);
     }
     .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
     .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
     .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
-        background-color: var(--onto-green);
+        background-color: var(--tertiary-color);
     }
 }
 
@@ -167,14 +167,14 @@
 .navbar-inverse .navbar-nav > li > a:hover,
 .navbar-inverse .navbar-nav > li > a:focus {
     color: #ffffff;
-    background-color: var(--onto-green);
+    background-color: var(--tertiary-color);
 }
 
 .navbar-inverse .navbar-nav > .active > a,
 .navbar-inverse .navbar-nav > .active > a:hover,
 .navbar-inverse .navbar-nav > .active > a:focus {
     color: #ffffff;
-    background-color: var(--onto-green);
+    background-color: var(--tertiary-color);
 }
 
 .navbar-inverse .navbar-nav > .disabled > a,
@@ -227,7 +227,7 @@
 
 @media (max-width: 767px) {
     .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
-        border-color: var(--onto-green);
+        border-color: var(--tertiary-color);
     }
     .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
         color: #ffffff;
@@ -235,13 +235,13 @@
     .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
     .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
         color: #ffffff;
-        background-color: var(--onto-green);
+        background-color: var(--tertiary-color);
     }
     .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
     .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
     .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
         color: #ffffff;
-        background-color: var(--onto-green);
+        background-color: var(--tertiary-color);
     }
     .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
     .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
@@ -271,7 +271,7 @@
 .navbar-inverse .dropdown-menu > li > a:hover,
 .navbar-inverse .dropdown-menu > .active > a,
 .navbar-inverse .dropdown-menu > .active > a:hover {
-    background-color: var(--onto-green);
+    background-color: var(--tertiary-color);
 }
 
 .panel-danger > .panel-heading {
@@ -374,6 +374,10 @@
     text-align: left;
 }
 
+.text-right {
+    text-align: right;
+}
+
 @media only screen and (max-width:768px) {
     .fit-content-on-mobile {
         width: fit-content;

package/dist/css/yasr.custom.css

@@ -5,7 +5,7 @@
 }
 
 .yasr table.dataTable thead th {
-  background-color: rgba(var(--onto-green-rgb), 0.1) !important;
+  background-color: hsla(var(--tertiary-color-hsl), 0.1) !important;
 }
 
 .yasr table.dataTable thead th, .yasr table.dataTable thead td {
@@ -21,12 +21,12 @@
 }
 
 .yasr a {
-  color: var(--onto-blue-light);
+  color: var(--secondary-color-light);
   text-decoration: none;
 }
 
 .yasr a:hover {
-  color: var(--onto-blue);
+  color: var(--secondary-color);
 }
 
 .yasr table.dataTable tr td:first-child {
@@ -88,7 +88,7 @@
 
 .yasr .nonUri {
   border: none;
-  color: var(--onto-blue);
+  color: var(--secondary-color);
   background-color: transparent;
   padding: 0;
   margin: 0;