Prime modifiche estetiche

This commit is contained in:
Luca Trupiano 2024-05-06 20:56:31 +02:00
parent fa7a90bb47
commit c2b282b36a
2 changed files with 45 additions and 43 deletions

View File

@ -8,7 +8,16 @@
<link rel="stylesheet" href="../css/collapsemod.css">
<link href="yasgui.mio.css" rel="stylesheet" type="text/css" />
<script src="yasgui.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF"
crossorigin="anonymous"></script>
<script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js" defer></script>
<script src="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/js/bootstrap4-toggle.min.js"></script>
<script src="yasgui.min.js"></script>
</head>
<body class="body-vis">
@ -23,10 +32,14 @@
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand font-weight-bold" href="#">LiDa</a>
<span class="navbar-brand mb-0 h1"> - SPARQL query editor - </span>
<div class="collapse navbar-collapse"
id="bs-example-navbar-collapse-1">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link disabled" href="#"> - SPARQL query editor - </a>
</li>
</ul>
<ul class="navbar-nav ml-md-auto">
<li class="nav-item dropdown pt-1">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Info
@ -36,24 +49,6 @@
<a class="dropdown-item" href="#" id="visAbout">About</a>
</div>
</li>
</ul>
<ul class="navbar-nav ml-md-auto">
<li class="nav-item pt-2">
<div class="input-group input-group-sm">
<div class="input-group-prepend">
<label class="input-group-text border-right-0 border-secondary pr-0"><ion-icon
name="search-circle"></ion-icon></label> <label
class="input-group-text text-muted border-left-0 border-secondary"
for="searchToggle">Ricerca:</label>
</div>
<input id="searchToggle" type="checkbox" data-toggle="toggle0"
data-on="Avanzata" data-off="Semplice" data-size="small"
data-style="leftBorderRadiusZero" data-onstyle="success"
data-offstyle="secondary">
</div>
</li>
</ul>
</div>

View File

@ -37,6 +37,10 @@
}
/*
#337ab7 --> #325a7d
#d1d1d1
.yasr a {
color: #428bca;
text-decoration: none
@ -74,7 +78,7 @@
}
.yasr .yasr_btnGroup .yasr_btn.selected {
border-bottom: 2px solid #337ab7
border-bottom: 2px solid #325a7d
}
@media ( max-width :768px) {
@ -167,8 +171,8 @@
}
.yasr .yasr_btn.selected, .yasr .yasr_btn:focus {
color: #337ab7;
fill: #337ab7
color: #325a7d;
fill: #325a7d
}
.yasr .space_element {
@ -933,22 +937,22 @@ table.dataTable, table.dataTable td, table.dataTable th {
}
.yasr .yasr_results .yasr_btn.overlay_btn {
border: 1px solid #337ab7;
border: 1px solid #325a7d;
background: #fff;
color: #337ab7;
color: #325a7d;
padding: 10px;
margin: 10px
}
.yasr .yasr_results .yasr_btn.overlay_btn svg {
margin-left: .5rem;
fill: #337ab7;
color: #337ab7
fill: #325a7d;
color: #325a7d
}
.yasr .yasr_results .yasr_btn.overlay_btn:hover {
color: #255681;
border-color: #337ab7;
border-color: #325a7d;
fill: #255681
}
@ -1566,11 +1570,14 @@ span.CodeMirror-selectedtext {
}
.yasqe .resizeChip {
width: 20%;
height: 4px;
background-color: #d1d1d1;
width: 80%;
visibility: hidden;
border-radius: 2px
border-bottom-width: 8px !important;
border-bottom-style: double !important;
border-bottom-color: #cbcbc0 !important;
/* background-color: #d1d1d1;
height: 4px;
border-radius: 2px */
}
.yasqe:hover .resizeChip {
@ -1616,8 +1623,8 @@ span.CodeMirror-selectedtext {
.yasqe .yasqe_btn.selected, .yasqe .yasqe_btn:focus {
color: #fff;
outline: 0;
background-color: #337ab7;
border-color: #337ab7
background-color: #325a7d;
border-color: #325a7d
}
.yasqe .yasqe_btn.btn_icon:focus {
@ -1945,8 +1952,8 @@ li.CodeMirror-hint-active {
}
.yasgui .tabMenu .requestConfigWrapper .selectorButton.selected {
color: #337ab7;
border-bottom: 2px solid #337ab7
color: #325a7d;
border-bottom: 2px solid #325a7d
}
.yasgui .tabMenu .requestConfigWrapper .selectorButton:focus {
@ -2038,7 +2045,7 @@ li.CodeMirror-hint-active {
}
.yasgui .autocomplete:focus {
border-color: #337ab7;
border-color: #325a7d;
background: none;
outline: none
}
@ -2263,7 +2270,7 @@ li.CodeMirror-hint-active {
padding: 0 5px 2px;
background: inherit;
border: none;
color: #337ab7
color: #325a7d
}
.yasgui .tabsList .addTab:focus-visible, .yasgui .tabsList .addTab:hover
@ -2346,7 +2353,7 @@ to {
}
.yasgui .tabsList .tab:hover .loader {
background-color: #337ab7
background-color: #325a7d
}
.yasgui .tabsList .tab.querying .loader {
@ -2354,7 +2361,7 @@ to {
}
.yasgui .tabsList .tab.active a {
border-bottom-color: #337ab7;
border-bottom-color: #325a7d;
color: #555
}
@ -2411,7 +2418,7 @@ to {
/*
.yasgui a {
color: #337ab7;
color: #325a7d;
text-decoration: none
}
*/
@ -2455,13 +2462,13 @@ to {
.yasgui .yasgui_textfield>input:focus, .yasgui .yasgui_textfield>textarea:focus
{
border-color: #337ab7;
border-color: #325a7d;
border-width: 2px
}
.yasgui .yasgui_textfield>input:focus ~label, .yasgui .yasgui_textfield>textarea:focus
~label {
color: #337ab7
color: #325a7d
}
.modal-dialog.google-visualization-charteditor-dialog {