Parcourir la source

[phr] 진료관리 검색 버튼 - 화면 작을 때 한 줄 아래로 내려가서 목록과 겹침 현상 수정.

sjpark il y a 4 ans
Parent
commit
977f26890b

+ 1 - 1
src/main/webapp/WEB-INF/jsp/clinic/state.jsp

@@ -347,7 +347,7 @@ $(document).ready(function() {
                                           			<i class="fas fa-play"></i>
                                     			</button>
 											</label> <input type="text" class="form-control w150" id="searchKeyword" placeholder="호실 or 환자명" value="${searchText}" onkeyup="if(event.keyCode===13){searchPatients()}">
-											<button class="btn btn-primary" onclick="searchPatients()">검색</button>
+											<button id="searchKeywordBtn" class="btn btn-primary" onclick="searchPatients()">검색</button>
 										</div>
 									</div>
 								</div>

+ 5 - 0
src/main/webapp/resources/css/common/classic.css

@@ -87,6 +87,7 @@
 .tab .card-header .h4 { padding-top: 10px; }
 .tab i.mdi { color: #0063dc; }
 .tab table pre { margin: 0; font-family: inherit; font-size: inherit; color: inherit; }
+#searchKeyword { width: 100px!important; }
 @media screen and (min-width:992px) { 
   .mobile-table th, .mobile-table td { float: inherit; width: inherit; } 
   .sidebar + .main .footer { position: fixed; width: calc(100% - 256px); bottom: 0; transition: width 0.35s ease-in-out; -webkit-transition: width 0.35s ease-in-out; -moz-transition: width 0.35s ease-in-out; -ms-transition: width 0.35s ease-in-out; -o-transition: width 0.35s ease-in-out; }
@@ -95,6 +96,10 @@
   .tab-nav .tab-item { float: left; padding: 24px; }
   .tab-nav .tab-item.active { background-color: #fff; border-radius: .25rem .25rem 0 0 ; -webkit-border-radius: .25rem .25rem 0 0 ; -moz-border-radius: .25rem .25rem 0 0 ; -ms-border-radius: .25rem .25rem 0 0 ; -o-border-radius: .25rem .25rem 0 0 ; }
   .tab-nav .tab-item.active:before { width: 100%; height: 5px; }
+  #searchKeyword { width: 150px!important; }
+}
+@media screen and (max-width:370px) { 
+  #searchKeywordBtn { display:none; }
 }
 .patients-stats { position: relative; border: 1px solid #DDDDDD; border-radius: 5px; overflow: hidden; cursor: pointer !important;}
 .patients-stats:hover:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.03); cursor: pointer;}