Modifiche colori ricerca, omologata grafica
This commit is contained in:
parent
c3cee88f57
commit
4b980766b2
|
|
@ -18,7 +18,7 @@ html, body {
|
|||
}
|
||||
|
||||
.tableMain {
|
||||
height: 95%;
|
||||
height: 97%;
|
||||
min-height: 600px;
|
||||
}
|
||||
|
||||
|
|
@ -93,18 +93,6 @@ html, body {
|
|||
border-bottom-left-radius: 0 !important;
|
||||
}
|
||||
|
||||
|
||||
.page-link {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 0.5rem 0.75rem;
|
||||
margin-left: -1px;
|
||||
line-height: 1.25;
|
||||
color: #5f8ec2;
|
||||
background-color: #fff;
|
||||
border: 1px solid #dee2e6;
|
||||
}
|
||||
|
||||
.lista-risultati:hover, .citazioneFrase:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
|
@ -355,32 +343,43 @@ li::marker {
|
|||
border-color: rgb(117, 159, 154) !important;
|
||||
background-color: rgb(117, 159, 154) !important;
|
||||
}
|
||||
.ui-selectable .ui-selecting {
|
||||
|
||||
.ui-selectable .ui-selecting .suxess {
|
||||
background: #759F9A;
|
||||
}
|
||||
.ui-selectable .ui-selected {
|
||||
|
||||
.ui-selectable .ui-selected .suxess {
|
||||
background: #DEE2E6;
|
||||
color: #759F9A !important;
|
||||
}
|
||||
|
||||
.form-control:focus, input[type=text]:focus {
|
||||
.ui-selectable .ui-selecting:not(.suxess) {
|
||||
background: #bcab7c;
|
||||
}
|
||||
|
||||
.ui-selectable .ui-selected:not(.suxess) {
|
||||
background: #eef1f3;
|
||||
color: #bcab7c !important;
|
||||
}
|
||||
|
||||
.form-control:not(.border-secondary):not(.btn-outline-secondary):focus, input[type=text]:not(.border-secondary):not(.btn-outline-secondary):focus {
|
||||
border-color: rgba(117, 159, 154) !important;
|
||||
box-shadow: 0 0 0 0.2rem rgba(117, 159, 154,.5);
|
||||
}
|
||||
|
||||
|
||||
/* ------- $warning #eace87 -------- */
|
||||
/* ------- mark #eace87 -------- */
|
||||
|
||||
.mark {
|
||||
background-color: #eace87 !important;
|
||||
}
|
||||
|
||||
|
||||
/* ------- #985949 -------- */
|
||||
/* ------- $danger #985949 -------- */
|
||||
|
||||
#displaycanto span:hover {
|
||||
color: #985949;
|
||||
}
|
||||
|
||||
.ttContent {
|
||||
color: #985949;
|
||||
}
|
||||
|
|
@ -392,7 +391,6 @@ li::marker {
|
|||
color: #5b352c;
|
||||
}
|
||||
|
||||
|
||||
/* ------- #1E90FF -------- */
|
||||
|
||||
.Nik_dropdown-content {
|
||||
|
|
@ -400,9 +398,12 @@ li::marker {
|
|||
color: #1E90FF;
|
||||
}
|
||||
|
||||
/* ricerca semplice */
|
||||
.bg-lida08 {
|
||||
background-color: #c4c8cc !important;
|
||||
}
|
||||
|
||||
/* ricerca avanzata */
|
||||
|
||||
.bg-lida10 {
|
||||
background-color: #c8d9d7 !important;
|
||||
}
|
||||
|
|
@ -410,6 +411,7 @@ li::marker {
|
|||
.bg-lida10-mix {
|
||||
background-color: #f3f5f2 !important;
|
||||
}
|
||||
|
||||
/* clausola */
|
||||
.bg-lida11 {
|
||||
background-color: #e3eceb !important;
|
||||
|
|
@ -425,7 +427,6 @@ li::marker {
|
|||
background-color: #ece3e4 !important;
|
||||
}
|
||||
|
||||
|
||||
/* visualizza e minimap */
|
||||
.bg-lida-vis, #displayminimap, .claCollBtn, .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
|
||||
background-color: #fefeff! important;
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@ html, body {
|
|||
}
|
||||
|
||||
.tableMain {
|
||||
height: 95%;
|
||||
height: 97%;
|
||||
min-height: 600px;
|
||||
}
|
||||
|
||||
|
|
@ -44,8 +44,8 @@ html, body {
|
|||
#colMinimap {
|
||||
padding-top: 63px;
|
||||
min-height: 600px;
|
||||
min-width: 110px !important;
|
||||
width: 110px !important;
|
||||
min-width: 111px !important;
|
||||
width: 111px !important;
|
||||
border-right-width: 2px !important;
|
||||
border-bottom-width: 2px !important;
|
||||
}
|
||||
|
|
@ -352,22 +352,30 @@ li::marker {
|
|||
border-color: rgb(65, 93, 67) !important;
|
||||
background-color: rgb(65, 93, 67) !important;
|
||||
}
|
||||
.ui-selectable .ui-selecting {
|
||||
|
||||
.ui-selectable .ui-selecting .suxess {
|
||||
background: #054a29;
|
||||
}
|
||||
.ui-selectable .ui-selected {
|
||||
|
||||
.ui-selectable .ui-selected .suxess {
|
||||
background: #DEE2E6;
|
||||
color: #054a29 !important;
|
||||
}
|
||||
|
||||
.form-control:focus, input[type=text]:focus {
|
||||
.ui-selectable .ui-selecting:not(.suxess) {
|
||||
background: #787675;
|
||||
}
|
||||
|
||||
.ui-selectable .ui-selected:not(.suxess) {
|
||||
background: #DEE2E6;
|
||||
color: #787675 !important;
|
||||
}
|
||||
|
||||
.form-control:not(.border-secondary):not(.btn-outline-secondary):focus, input[type=text]:not(.border-secondary):not(.btn-outline-secondary):focus {
|
||||
border-color: rgba(65, 93, 67) !important;
|
||||
box-shadow: 0 0 0 0.2rem rgba(65,93,67,.5);
|
||||
}
|
||||
|
||||
input2[type=text]:-internal-autofill-selected {
|
||||
background-color: #d4cbd0! important;
|
||||
}
|
||||
/* ------- mark #a996a0 -------- */
|
||||
|
||||
.mark {
|
||||
|
|
@ -400,30 +408,51 @@ input2[type=text]:-internal-autofill-selected {
|
|||
}
|
||||
|
||||
|
||||
/* ricerca semplice */
|
||||
|
||||
.bg-lida08 {
|
||||
background-color: #adaaa7 !important;
|
||||
}
|
||||
|
||||
/* ricerca avanzata */
|
||||
|
||||
.bg-lida10 {
|
||||
.bg-lida10-old {
|
||||
background-color: #8dac91 !important;
|
||||
}
|
||||
.bg-lida10 {
|
||||
background-color: #bbcdbd !important;
|
||||
}
|
||||
|
||||
.bg-lida10-mix {
|
||||
background-color: #e4e5dd !important;
|
||||
}
|
||||
.bg-lida10-mix-old {
|
||||
background-color: #e0e2d9 !important;
|
||||
}
|
||||
|
||||
/* clausola */
|
||||
.bg-lida11 {
|
||||
.bg-lida11-old {
|
||||
background-color: #c6d5c8 !important;
|
||||
}
|
||||
.bg-lida11 {
|
||||
background-color: #dde6de !important;
|
||||
}
|
||||
|
||||
/* AND */
|
||||
.bg-lida12 {
|
||||
.bg-lida12-old {
|
||||
background-color: #c8c6d5 !important;
|
||||
}
|
||||
.bg-lida12 {
|
||||
background-color: #d9d7e2 !important;
|
||||
}
|
||||
|
||||
/* OR */
|
||||
.bg-lida13 {
|
||||
.bg-lida13-old {
|
||||
background-color: #d5c8c6 !important;
|
||||
}
|
||||
.bg-lida13 {
|
||||
background-color: #e2d9d7 !important;
|
||||
}
|
||||
|
||||
|
||||
/* visualizza e minimap */
|
||||
|
|
@ -464,4 +493,3 @@ input2[type=text]:-internal-autofill-selected {
|
|||
border-color: rgba(0,0,0,.125)! important;
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -128,7 +128,7 @@
|
|||
</div>
|
||||
<input id="searchToggle" type="checkbox" data-toggle="toggle0"
|
||||
data-on="Avanzata" data-off="Semplice" data-size="small"
|
||||
data-style="leftBorderRadiusZero" data-onstyle="success border-secondary"
|
||||
data-style="leftBorderRadiusZero" data-onstyle="success"
|
||||
data-offstyle="secondary">
|
||||
</div>
|
||||
</li>
|
||||
|
|
@ -508,31 +508,31 @@
|
|||
<form>
|
||||
|
||||
<div id="rigaRicercaSemplice"
|
||||
class="row card bg-lida10 mx-0 p-2 d-flex justify-content-end">
|
||||
class="row card bg-lida08 mx-0 p-2 d-flex justify-content-end">
|
||||
|
||||
<div class="col-12 d-flex justify-content-end px-0"
|
||||
id="simpleSearchDiv" style="display: d-flex">
|
||||
<div class="btn-group flex-nowrap p-0 pr-1" role="group"
|
||||
aria-label="Bottoni Ricerca Semplice">
|
||||
<button class="btn btn-sm btn-outline-success bg-light"
|
||||
<button class="btn btn-sm btn-outline-secondary bg-light"
|
||||
style="height: 32px; width: 76px;"
|
||||
type="button" id="showOptions" data-toggle="collapse"
|
||||
data-target="#collapseOptions" aria-expanded="false"
|
||||
aria-controls="collapseExample">
|
||||
<span class="text-muted">Opzioni</span>
|
||||
</button>
|
||||
<button class="btn btn-sm btn-outline-success bg-light ml-1"
|
||||
<button class="btn btn-sm btn-outline-secondary bg-light ml-1"
|
||||
type="button" id='cleanresult' aria-expanded="false"
|
||||
aria-controls="collapseExample">
|
||||
<span class="text-muted">Reset</span>
|
||||
</button>
|
||||
<div class="pr-0 align-self-end ml-1">
|
||||
<input class="form-control form-control-sm pr-0 borderRadiusZero border border-success monMe"
|
||||
<input class="form-control form-control-sm pr-0 borderRadiusZero border border-secondary monMe"
|
||||
type="text" id="queryText"
|
||||
placeholder=' inserisci un termine'
|
||||
style="height: 32px;">
|
||||
</div>
|
||||
<button class="btn btn-sm btn-success" type="submit"
|
||||
<button class="btn btn-sm btn-secondary" type="submit"
|
||||
id='searchcomm'>
|
||||
<ion-icon name="search"></ion-icon>
|
||||
</button>
|
||||
|
|
@ -581,16 +581,16 @@
|
|||
|
||||
<div class="collapse" id="collapseOptions">
|
||||
<div class="col-12 p-0">
|
||||
<div class="card card-body bg-lida10 p-2">
|
||||
<div class="card card-body bg-lida08 p-2">
|
||||
<div class="form-inline input-group px-1 py-2">
|
||||
<select
|
||||
class="form-control custom-select custom-select-sm text-muted bg-light monMe btn-outline-success border"
|
||||
class="form-control custom-select custom-select-sm text-muted bg-light monMe btn-outline-secondary border"
|
||||
id="lemma_forma">
|
||||
<option value="forma">La forma</option>
|
||||
<option value="lemma">Il lemma</option>
|
||||
<option value="testo">Il testo</option>
|
||||
</select> <select
|
||||
class="form-control custom-select custom-select-sm text-muted bg-light ml-2 monMe btn-outline-success border"
|
||||
class="form-control custom-select custom-select-sm text-muted bg-light ml-2 monMe btn-outline-secondary border"
|
||||
id="opzioni_testo">
|
||||
<option value="parola">come Parola</option>
|
||||
<option value="sottostringa">come Sottostringa</option>
|
||||
|
|
@ -603,7 +603,7 @@
|
|||
<div class="bg-light well m-0" id="contextDiv0">
|
||||
|
||||
<div id="contextTable-xX0"
|
||||
class="row no-gutters p-1 pt-0 bg-lida10">
|
||||
class="row no-gutters p-1 pt-0 bg-lida08">
|
||||
<div class="col-12 py-0 pl-1">
|
||||
<span class="small text-muted align-bottom">Restringi
|
||||
il contesto di ricerca:</span>
|
||||
|
|
@ -618,18 +618,18 @@
|
|||
<div
|
||||
class="col-auto flex-fill align-self-center text-muted">
|
||||
<button
|
||||
class="btn btn-sm btn-outline-success bg-light btn-link border rounded py-0 my-1 ml-1"
|
||||
class="btn btn-sm btn-outline-secondary bg-light btn-link border rounded py-0 my-1 ml-1"
|
||||
id="cantica1-xX0" data-toggle="collapse"
|
||||
data-target="#collapseCa1-xX0"
|
||||
aria-expanded="true"
|
||||
aria-controls="collapseCa1-xX0">
|
||||
<span class="h6 small font-weight-bold text-success">Inferno</span>
|
||||
<span class="h6 small font-weight-bold text-secondary">Inferno</span>
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="col-auto pr-1 align-self-center justify-content-end text-right">
|
||||
<button id="plusBtn0-xX0"
|
||||
class="btn btn-sm btn-outline-success bg-light addClaCont border rounded text-success px-1 py-0">
|
||||
class="btn btn-sm btn-outline-secondary bg-light addClaCont border rounded text-secondary px-1 py-0">
|
||||
+></button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -722,18 +722,18 @@
|
|||
<div
|
||||
class="col-auto flex-fill align-self-center text-muted">
|
||||
<button
|
||||
class="btn btn-sm btn-outline-success bg-light btn-link border rounded py-0 my-1 ml-1"
|
||||
class="btn btn-sm btn-outline-secondary bg-light btn-link border rounded py-0 my-1 ml-1"
|
||||
id="cantica2-xX0" data-toggle="collapse"
|
||||
data-target="#collapseCa2-xX0"
|
||||
aria-expanded="true"
|
||||
aria-controls="collapseCa2-xX0">
|
||||
<span class="h6 small font-weight-bold text-success">Purgatorio</span>
|
||||
<span class="h6 small font-weight-bold text-secondary">Purgatorio</span>
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="col-auto pr-1 align-self-center justify-content-end text-right">
|
||||
<button id="plusBtn1-xX0"
|
||||
class="btn btn-sm btn-outline-success bg-light addClaCont border text-success rounded px-1 py-0">
|
||||
class="btn btn-sm btn-outline-secondary bg-light addClaCont border text-secondary rounded px-1 py-0">
|
||||
+></button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -823,18 +823,18 @@
|
|||
<div
|
||||
class="col-auto flex-fill align-self-center text-muted">
|
||||
<button
|
||||
class="btn btn-sm btn-outline-success bg-light btn-link border rounded py-0 my-1 ml-1"
|
||||
class="btn btn-sm btn-outline-secondary bg-light btn-link border rounded py-0 my-1 ml-1"
|
||||
id="cantica3-xX0" data-toggle="collapse"
|
||||
data-target="#collapseCa3-xX0"
|
||||
aria-expanded="true"
|
||||
aria-controls="collapseCa3-xX0">
|
||||
<span class="h6 small font-weight-bold text-success">Paradiso</span>
|
||||
<span class="h6 small font-weight-bold text-secondary">Paradiso</span>
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="col-auto pr-1 align-self-center justify-content-end text-right">
|
||||
<button id="plusBtn2-xX0"
|
||||
class="btn btn-sm btn-outline-success bg-light addClaCont border rounded text-success px-1 py-0">
|
||||
class="btn btn-sm btn-outline-secondary bg-light addClaCont border rounded text-secondary px-1 py-0">
|
||||
+></button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -926,7 +926,7 @@
|
|||
class="col px-2 pt-1 align-self-start align-items-start justify-content-end text-right position-absolute"
|
||||
style="z-index: 1000">
|
||||
<button id="trashClaCont-xX0"
|
||||
class="btn btn-sm btn-outline-success bg-light trashClaCont border rounded text-success px-1 pb-0"
|
||||
class="btn btn-sm btn-outline-secondary bg-light trashClaCont border rounded text-secondary px-1 pb-0"
|
||||
style="z-index: 1000">
|
||||
<ion-icon name="refresh-circle"></ion-icon>
|
||||
</button>
|
||||
|
|
|
|||
|
|
@ -107,6 +107,8 @@ $(document).ready(function() {
|
|||
queryJson.QueryAvanzata = "1";
|
||||
$("#collapseOptions").collapse('hide');
|
||||
$("#simpleSearchDiv").fadeOut(300, function(){
|
||||
$("#rigaRicercaSemplice").removeClass( "bg-lida08" )
|
||||
$("#rigaRicercaSemplice").addClass( "bg-lida10" )
|
||||
$("#simpleSearchDiv").removeClass( "d-flex" )
|
||||
$("#advancedSearchDiv").addClass( "d-flex" )
|
||||
$("#advancedSearchDiv").fadeIn(400, function(){
|
||||
|
|
@ -118,6 +120,8 @@ $(document).ready(function() {
|
|||
queryJson.QueryAvanzata = "0";
|
||||
$("#collapseAdvanced").collapse('hide');
|
||||
$("#advancedSearchDiv").fadeOut(300, function(){
|
||||
$("#rigaRicercaSemplice").removeClass( "bg-lida10" )
|
||||
$("#rigaRicercaSemplice").addClass( "bg-lida08" )
|
||||
$("#advancedSearchDiv").removeClass( "d-flex" )
|
||||
$("#simpleSearchDiv").addClass( "d-flex" )
|
||||
$("#simpleSearchDiv").fadeIn(400);
|
||||
|
|
@ -176,7 +180,7 @@ $(document).ready(function() {
|
|||
alsoResize: "#displaycanto",
|
||||
resize: function(event, ui) {
|
||||
$("#displaycanto").width(" min-content");
|
||||
var infoHeightToSet = $("body")[0].clientHeight*cssTableMainHeight - $(visCantoClass)[0].clientHeight-2-63-2-46
|
||||
var infoHeightToSet = $("body")[0].clientHeight*cssTableMainHeight - $(visCantoClass)[0].clientHeight-2-63-2
|
||||
$("#displayinfo").css("maxHeight", infoHeightToSet+"px");
|
||||
$("#displayinfo").css("height", infoHeightToSet+"px");
|
||||
$("#displaynote").css("maxHeight", infoHeightToSet+"px");
|
||||
|
|
@ -789,7 +793,9 @@ $(document).ready(function() {
|
|||
function addClaContext(tabID){
|
||||
var contClone = document.getElementById("contextTable-xX0").cloneNode(true);
|
||||
contClone.setAttribute("class","row no-gutters px-2 pt-0 pb-2 bg-lida11");
|
||||
contClone = contClone.outerHTML.replace(/xX0/g, "xX" + tabID)
|
||||
contClone = contClone.outerHTML.replace(/xX0/g, "xX" + tabID);
|
||||
contClone = contClone.replace(/-secondary/g, "-success");
|
||||
contClone = contClone.replace(/sel-canto/g, "sel-canto suxess");
|
||||
$("#contextDiv" + tabID).append($(contClone)[0]);
|
||||
resetContext(tabID);
|
||||
$("#selectable-xX" + tabID).selectable({
|
||||
|
|
@ -1290,7 +1296,7 @@ $(document).ready(function() {
|
|||
$('#selectable-xX' + claIdNum + ' .sel-canti-intro').each(function() {
|
||||
$(this).text("Seleziona i canti:")
|
||||
});;
|
||||
$("#contextText-xX" + claIdNum).html("Tutta l'opera");
|
||||
$("#contextText-xX" + claIdNum).html("Tutta l'opera.");
|
||||
window["context" + claIdNum] = JSON.parse(JSON.stringify(contextEmpty));
|
||||
$('#selectable-xX' + claIdNum + " .show").removeClass("show");
|
||||
};
|
||||
|
|
@ -1356,7 +1362,7 @@ $(document).ready(function() {
|
|||
}
|
||||
};
|
||||
if ((contextString.toString() != "") && (totCan < 100)) {
|
||||
$("#contextText-xX" + claIdNum).html(contextString.toString());
|
||||
$("#contextText-xX" + claIdNum).html(contextString.toString()+".");
|
||||
} else {
|
||||
resetContext(claIdNum)
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue