diff --git a/shrine-webclient/src/main/html/js-i2b2/cells/plugins/MedCo/assets/vwMedcoQryTool.css b/shrine-webclient/src/main/html/js-i2b2/cells/plugins/MedCo/assets/vwMedcoQryTool.css index 316d62af6..49f6d3736 100755 --- a/shrine-webclient/src/main/html/js-i2b2/cells/plugins/MedCo/assets/vwMedcoQryTool.css +++ b/shrine-webclient/src/main/html/js-i2b2/cells/plugins/MedCo/assets/vwMedcoQryTool.css @@ -1,317 +1,319 @@ /* Panel section */ #MedCo-QueryPanels { height: 200px; /*calc(100% - 305px);*/ white-space: nowrap; /*width: 100%;*/ /*perspective-origin: 399px 147.078px;*/ /*transform-origin: 399px 147.078px;*/ font: normal normal 400 normal 12px / 16px arial, helvetica; overflow-x: auto; overflow-y: hidden; } .MedCo-QueryPanel { vertical-align:top; display:inline-block; height: calc(100% - 2px); width: calc(33.33% - 2px); /* consider also the margin */ font: normal normal 400 normal 12px / 16px arial, helvetica; margin: 1px; padding: 0px 0px 2px; } .MedCo-QueryPanelHeader { height: 13px; text-align: center; text-decoration: none solid rgb(255, 255, 255); background: rgb(102, 119, 170) none repeat scroll 0% 50% / auto padding-box border-box; border: 1px solid rgb(102, 119, 136); font: normal normal 700 normal 11px / 12px arial, helvetica; overflow: hidden; } .MedCo-QueryPanelHeader div.delete { color: rgb(255, 255, 255); float: right; } .MedCo-QueryPanelHeader div.delete a { color: rgb(0, 0, 238); cursor: pointer; } .MedCo-QueryPanelHeader div.delete a img { margin: 1px 2px 1px 0px; } .MedCo-QueryPanelHeader div.groupId { color: rgb(255, 255, 255); } .MedCo-QueryPanelOptions { height: 18px; margin: 0px 0px -1px; } .MedCo-QueryPanelOptions div{ height: 100%; font: normal normal 400 normal 12px / 16px arial, helvetica; float: left; background: rgb(203, 216, 239) none repeat scroll 0% 50% / auto padding-box border-box; border: 1px solid rgb(102, 119, 136); box-sizing: border-box; text-align: center; } .MedCo-QueryPanelOptions div.date { width: 25%; } .MedCo-QueryPanelOptions div.occur { width: 50%; } .MedCo-QueryPanelOptions div.exclude{ width: 25%; } .MedCo-QueryPanelOptions div.exclude a, .MedCo-QueryPanelOptions div.date a{ cursor: pointer; color: rgb(0, 0, 0); display: block; text-decoration: none solid rgb(0, 0, 0); /* modify this to underline (onclick) */ font: normal normal 400 normal 11px / 16px arial, helvetica; } .MedCo-QueryPanelConcepts { height: calc(100% - 31px); /* - (header + options width)*/ width: 100%; background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box; border: 1px solid rgb(102, 119, 136); font: normal normal 400 normal 12px / 16px arial, helvetica; padding: 3px; box-sizing: border-box; } .MedCo-QueryPanelConcepts .sdxDefaultCONCPT{ cursor: pointer; } /* Button section */ div.MedCo-Commands { height: 25px; padding: 0px 10px; overflow:hidden; } /* run and clear buttons */ div.MedCo-Commands div.MedCo-Button { background:#6677AA; border:1px solid #667788; font-weight:bold; font-size:11px; height:16px; width: 72px; text-align:center; cursor:pointer; float: left; margin: 3px 5px 0px 0px; overflow:hidden; } div.MedCo-Commands div.MedCo-Button a{ color:#FFF; display:block; text-decoration:none; } div.MedCo-Commands div.MedCo-Button a:hover { background-color:#7687bf; } /* timer */ div.MedCo-Commands div.timer{ line-height:25px; text-align:right; float: left; margin-left: 10px; overflow:hidden; } div.MedCo-Commands div.timer #medcoTimer{ display: inline-block; text-align: center; width: 50px; font-weight:normal; } /* Add group*/ .new-group { color: rgb(0, 0, 238); cursor: pointer; height: 18px; float: right; margin-top: 3px; } DIV#MedCo-TABS DIV.resetButton, DIV#MedCo-TABS DIV.runButton { position:relative; xdisplay:none; background:#6677AA; border:1px solid #667788; color:#FFFFFF; font-weight:bold; font-family:arial,helvetica; font-size:11px; height:16px; line-height:16px; text-align:center; color:#FFF; cursor:pointer; float: left; margin:0px 5px 0px 0px; width:72px; xz-index:5; overflow:hidden; } DIV#MedCo-TABS table.timer{ position:relative; xdisplay:none; height:16px; line-height:16px; text-align:right; float: right; margin:0px 5px 0px 0px; xz-index:5; overflow:hidden; padding-right: 10px; } td#medcoTimer{ text-align: center; width: 50px; font-weight:normal; } /*loading query gif*/ img#MedCo-loadingGif { width: 15px; height: 15px; padding: 0px 12px; display: none; text-align: center; vertical-align: middle; margin-left: auto; margin-right: auto; } /*!* Result section *!*/ #MedCo-QueryResults{ text-align: center; + min-height: 400px; } +/* Result shown when the query returns only one total patient count */ .MedCo-TotalResult { height: 130px; width: 400px; font: normal normal 400 normal 12px / normal Verdana, Geneva, sans-serif; margin-left: auto; margin-right: auto; } .MedCo-TotalResult .small-row { height: 20px; text-align: center; vertical-align: middle; width: 400px; background: rgb(176, 196, 222) none repeat scroll 0% 0% / auto padding-box border-box; } .MedCo-TotalResult .count_row { text-align: center; vertical-align: middle; height: 52px; width: 100%; color: rgb(0, 0, 139); font: normal normal 400 normal 45px / normal Verdana, Geneva, sans-serif; background: rgb(176, 196, 222) none repeat scroll 0% 0% / auto padding-box border-box; } /* Popups */ .hd { color: #FFFFFF !important; background: transparent !important; /*background-image: url(i2b2/top_hive.gif) !important;*/ background-repeat: repeat-x !important; font-size:14px !important; font-weight:bold !important; cursor: move !important; } .bd { background: #EFEFFF !important; background:#FFF; border:solid #63758C; border-width:1px 0; overflow:auto; height:100%; } .MedCo_popupParametersSelection{ height: 50px; } .MedCo_popupParametersSelection .parameterRow{ height: 20px; width: 100%; } .MedCo_popupParametersSelection .parameterRow div{ float: left; height: 100%; line-height: 20px; vertical-align: middle; } .MedCo_popupParametersSelection .parameterRow div:first-child{ /* the first div of the parameterRow contains the name of the parameter */ width: 110px; font-weight: bold; } .zygosityListPopup label{ height: 100%; cursor: pointer; } .zygosityListPopup label input { margin: 0px 3px 0px 20px; padding: 0px; vertical-align: middle; } .zygosityListPopup label:first-child input{ margin-left: 0px; } /*reset and run Buttons*/ DIV#MedCo-TABS DIV.MedCo-Buttons { padding-left:20px; margin-bottom:10px; overflow:hidden; }