random-mirrors
/
cosmos-explorer
mirror of https://github.com/Azure/cosmos-explorer.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

html,css changes corected after reversion

This commit is contained in:
Sampath 2022-12-19 18:52:12 +05:30
parent 6aa229462b
commit 712e0e0c1e
2 changed files with 266 additions and 275 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
less/TableStyles/queryBuilder.less
View File

@ -6,7 +6,7 @@
display: table;
display: none;
width: 100%;
border-top: 1px solid #DDDDDD;
border-top: 1px solid #dddddd;
/*[{environment-commandbar-toolbar-separator}]*/
background-color: #ffffff;
/*[{plugin-background-color}]*/
@ -45,7 +45,7 @@
/*[{plugin-background-color}]*/
min-width: 600px;
height: 30px;
border-bottom: 1px solid #DDDDDD;
border-bottom: 1px solid #dddddd;
/*[1px solid {environment-commandbar-toolbar-separator}]*/
}
@ -70,14 +70,14 @@
}
.query-builder-toolbar .query-toolbar-group .query-toolbar-button:hover {
background-color: #CCCEDB;
background-color: #cccedb;
/*[{common-controls-button-hover-background}]*/
}
.query-builder-toolbar .query-toolbar-group .query-toolbar-button.active {
background-color: #E6E7ED;
background-color: #e6e7ed;
/*[{common-controls-inner-tab-active-background}]*/
outline: none
outline: none;
}
.query-builder-toolbar .query-toolbar-group .query-toolbar-button:disabled,
@ -120,7 +120,7 @@
.query-editor-text {
width: 100%;
margin: 2px;
border: solid 1px #A9ACB3;
border: solid 1px #a9acb3;
/*[{plugin-textbox-disabled-color}]*/
resize: none;
margin-top: -39px;
@ -201,9 +201,9 @@ input::-webkit-inner-spin-button {
.advanced-options-panel .advanced-options .top .top-input {
width: 100px;
word-spacing: normal;
color: #1E1E1E;
color: #1e1e1e;
/*[{common-controls-button-foreground}]*/
border: 1px solid #CCCEDB;
border: 1px solid #cccedb;
/*[1px solid {plugin-textbox-border-color}]*/
height: 20px;
margin-left: 8px;
@ -299,9 +299,9 @@ input::-webkit-inner-spin-button {
}
.scroll-box {
border-bottom: 1px transparent #DDD;
border-bottom: 1px transparent #ddd;
/*[1px solid {plugin-table-border-color}]*/
border-top: 1px transparent #DDD;
border-top: 1px transparent #ddd;
/*[1px solid {plugin-table-border-color}]*/
max-height: 20vh;
width: 100%;
@ -366,7 +366,7 @@ input::-webkit-inner-spin-button {
.group-indicator-table {
border-spacing: 0px;
min-height: 24px
min-height: 24px;
}
.group-indicator-column {
@ -396,7 +396,6 @@ input::-webkit-inner-spin-button {
background-color: #ffffff;
}
/*.type-header {
padding-right: 4px;
}
@ -410,9 +409,9 @@ input::-webkit-inner-spin-button {
}*/
.clause-table-field[readonly] {
background-color: #EEEEF2;
background-color: #eeeef2;
/*[{plugin-table-header-background-color}]*/
border: 1px solid #CCCEDB;
border: 1px solid #cccedb;
/*[{plugin-table-border-color}]*/
}
@ -462,11 +461,11 @@ input::-webkit-inner-spin-button {
.query-panel .divider.horizontal {
height: 10px;
width: 100%
width: 100%;
}
.inline-div {
display: inline
display: inline;
}
.querybuilder-addpropertyImg,
@ -485,7 +484,7 @@ input::-webkit-inner-spin-button {
}
.entity-Add-Cancel {
padding: @DefaultSpace @SmallSpace @SmallSpace;
// padding: @DefaultSpace @SmallSpace @SmallSpace;
cursor: pointer;
}
@ -498,7 +497,7 @@ input::-webkit-inner-spin-button {
}
.query-builder-isDisabled {
border: 1px solid #CCCEDB;
border: 1px solid #cccedb;
color: #ccc;
}
@ -515,7 +514,6 @@ input::-webkit-inner-spin-button {
margin-bottom: 5px;
}
/*
@media only screen and (max-width: 1200px) {
.clause-table {

31
src/Explorer/Tabs/QueryTablesTab.html
View File

@ -70,24 +70,19 @@
<tbody data-bind="template: { name: 'queryClause-template', foreach: clauseArray, as: 'clause' }"></tbody>
</table>
</div>
<div
class="addClause"
role="button"
data-bind="click: addNewClause, event: { keydown: onAddNewClauseKeyDown }, attr: { title: addNewClauseLine }"
tabindex="0"
<button
data-bind="click: addNewClause, event: { keydown: onAddNewClauseKeyDown }"
style="border: none; background: none"
>
<div class="addClause" data-bind=" ">
<div class="addClause-heading">
<span class="clause-table addClause-title">
<img
class="addclauseProperty-Img"
style="margin-bottom: 5px"
src="/Add-property.svg"
alt="Add new clause"
/>
<img class="addclauseProperty-Img" style="margin-bottom: 5px" src="/Add-property.svg" />
<span style="margin-left: 5px" data-bind="text: addNewClauseLine"></span>
</span>
</div>
</div>
</button>
</div>
</div>
<!-- Tables Query Tab Query Helper - End-->
@ -168,22 +163,20 @@
<script type="text/html" id="queryClause-template">
<tr class="clause-table-row">
<td class="clause-table-cell action-column">
<span
class="entity-Add-Cancel"
role="button"
tabindex="0"
<button
data-bind="click: $parent.addClauseIndex.bind($data, $index()), event: { keydown: $parent.onAddClauseKeyDown.bind($data, $index()) }, attr:{title: $parent.insertNewFilterLine}"
>
<span class="entity-Add-Cancel" role="button">
<img class="querybuilder-addpropertyImg" src="/Add-property.svg" alt="Add clause" />
</span>
<span
class="entity-Add-Cancel"
role="button"
tabindex="0"
</button>
<button
data-bind="hasFocus: isDeleteButtonFocused, click: $parent.deleteClause.bind($data, $index()), event: { keydown: $parent.onDeleteClauseKeyDown.bind($data, $index()) }, attr:{title: $parent.removeThisFilterLine}"
>
<span class="entity-Add-Cancel" role="button">
<img class="querybuilder-cancelImg" src="/Entity_cancel.svg" alt="Delete clause" />
</span>
</button>
</td>
<td class="clause-table-cell group-control-column">
<input type="checkbox" aria-label="And/Or" data-bind="checked: checkedForGrouping" />