#2745 Better style for the dialog of the item search widget

git-svn-id: https://svn.libreccm.org/ccm/ccm_ng@5377 8810af33-2d31-482b-a856-94f89814c4df

Former-commit-id: 73054bd8ec
pull/2/head
baka 2018-04-19 08:46:18 +00:00
parent 60f0fb9357
commit 3ee01b597e
1 changed files with 47 additions and 8 deletions

View File

@ -1436,15 +1436,13 @@ div.asset-search-widget dialog,
div.item-search-widget dialog { div.item-search-widget dialog {
background-color: #e6e4f2; background-color: #e6e4f2;
border: 1px solid #555; border: 0px solid transparent;
border-radius: 0.75em; border-radius: 14px;
box-shadow: 5px 5px #aaa; box-shadow: 5px 5px #aaa;
display: none; display: none;
padding: 0;
position: absolute; position: absolute;
top: 5%; top: 5%;
left: 2%; left: 2%;
@ -1453,6 +1451,8 @@ div.item-search-widget dialog {
height: 90%; height: 90%;
z-index: 999; z-index: 999;
overflow-y: auto;
} }
div.asset-search-widget dialog[open="open"], div.asset-search-widget dialog[open="open"],
@ -1465,6 +1465,11 @@ div.item-search-widget dialog .controls {
padding: 0.5em; padding: 0.5em;
} }
div.asset-search-widget dialog .controls .apply-filter,
div.item-search-widget dialog .controls .apply-filter{
margin-left: 0.5em;
}
div.asset-search-widget dialog .controls label, div.asset-search-widget dialog .controls label,
div.item-search-widget dialog .controls label { div.item-search-widget dialog .controls label {
@ -1514,12 +1519,20 @@ div.item-search-widget dialog .selectable-assets table thead tr th {
div.asset-search-widget dialog .titlebar, div.asset-search-widget dialog .titlebar,
div.item-search-widget dialog .titlebar { div.item-search-widget dialog .titlebar {
border-bottom: 1px solid #555;
margin-top: 0; margin-top: 0;
padding: 0.5em 1em; padding: 0.5em 1em;
background: #0776a0;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
color: white;
} }
div.asset-search-widget dialog .titlebar .close-button, div.asset-search-widget dialog .titlebar .close-button,
@ -1532,7 +1545,11 @@ div.item-search-widget dialog .titlebar .close-button {
font-size: 18px; font-size: 18px;
position: absolute; position: absolute;
right: 5px; right: 13px;
color: white;
margin-top: -0.25em;
} }
div.asset-search-widget dialog .titlebar .close-button:after, div.asset-search-widget dialog .titlebar .close-button:after,
@ -1551,6 +1568,28 @@ div.item-search-widget dialog .titlebar .close-button span {
overflow:hidden; overflow:hidden;
} }
div.asset-search-widget dialog .titlebar .close-button:hover,
div.item-search-widget dialog .titlebar .close-button:hover {
cursor: pointer;
}
div.asset-search-widget dialog .selectable-items table,
div.item-search-widget dialog .selectable-items table{
width: 100%;
padding: 0.35em;
table-layout: fixed;
}
div.asset-search-widget dialog .selectable-items table tbody tr td,
div.item-search-widget dialog .selectable-items table tbody tr td{
overflow: hidden;
}
div.asset-search-widget dialog .selectable-items table thead th,
div.item-search-widget dialog .selectable-items table thead th{
text-align: center;
}
div.cmsImageInfoOverlay { div.cmsImageInfoOverlay {
float: left; float: left;
margin-left: 2em; margin-left: 2em;