CI css changes

Mitali Srivastava
1 parent 40ee918c
Showing 3 changed files with 28 additions and 17 deletions
400-SOURCECODE/AIAHTML5.Web/app/views/ci/ci-view.html
400-SOURCECODE/AIAHTML5.Web/app/widget/MainMenu.html
400-SOURCECODE/AIAHTML5.Web/themes/default/css/bootstrap/3.3.6/main.css
@@ -3,11 +3,11 @@
     <div class="main">
         <div class="col-sm-12 stickey-area" style="padding-left:19px; width:99%">
             <div class="breadcrumb">
-                <div class="row">
-                    <h5 class="text-center text-primary txt-white f15 paddingbtm5">Display Image By</h5>
+                <div class="row center-block">
+                    <h5 class="text-center text-primary txt-white f15">Display Image By</h5>
                     <div class="col-md-2 col-sm-4 pad-lftrgt3">
                         <div class="form-group">
-                            <h6 class="text-center text-primary txt-white f11 paddingbtm5">Body Region</h6>
+                            <h6 class="text-center text-primary txt-white f11">Body Region</h6>
                             <select class="form-control input-sm" ng-model="query.selectedbodyregion" ng-options="item for item in CIAllBodyRegion track by item">
                                 <option value="">All</option>
                             </select>
@@ -15,7 +15,7 @@
                     </div>
                     <div class="col-md-2 col-sm-4 pad-lftrgt3">
                         <div class="form-group">
-                            <h6 class="text-center text-primary txt-white f11 paddingbtm5">Body System</h6>
+                            <h6 class="text-center text-primary txt-white f11">Body System</h6>
                             <select class="form-control input-sm" ng-model="query.selectedbodysystem" ng-options="item for item in CIAllBodySystem track by item">
                                 <option value="">All</option>
                             </select>
@@ -24,7 +24,7 @@
                     <div class="col-md-2 col-sm-4 pad-lftrgt3">
                         <div class="form-group">
-                            <h6 class="text-center text-primary txt-white f11 paddingbtm5">View Orientation</h6>
+                            <h6 class="text-center text-primary txt-white f11">View Orientation</h6>
                             <select class="form-control input-sm" ng-model="query.selectedorientation" ng-options="item for item in CIAllOrientation track by item">
                                 <option value="">All</option>
                             </select>
@@ -32,7 +32,7 @@
                     </div>
                     <div class="col-md-2 col-sm-4 pad-lftrgt3">
                         <div class="form-group">
-                            <h6 class="text-center text-primary txt-white f11 paddingbtm5">Image Type</h6>
+                            <h6 class="text-center text-primary txt-white f11">Image Type</h6>
                             <select class="form-control input-sm" ng-model="query.selectedimagetype" ng-options="item for item in CIAllImageType track by item">
                                 <option value="">All</option>
                             </select>
@@ -40,7 +40,7 @@
                     </div>
                     <div class="col-md-2 col-sm-4 pad-lftrgt3">
                         <div class="form-group">
-                            <h6 class="text-center text-primary txt-white f11 paddingbtm5">Medical Speciality</h6>
+                            <h6 class="text-center text-primary txt-white f11">Medical Speciality</h6>
                             <select class="form-control input-sm" ng-model="query.selectedspecialty" ng-options="item for item in CIAllSpeciality track by item">
                                 <option value="">All</option>
                             </select>
@@ -48,8 +48,8 @@
                     </div>
                     <div class="col-md-2 col-sm-4 pad-lftrgt3">
                         <div class="form-group">
-                            <h6 class="text-center text-primary txt-white f11 paddingbtm5">Search</h6>
-                            <button class="btn btn-primary btn-sm" ng-click="ApplySearch(query)"><i class="fa fa-search"></i></button>&nbsp;<button class="btn btn-primary btn-sm" ng-click="Reset(query)"><i class="fa fa-eye"></i> Show All</button>
+                            <h6 class="text-center text-primary txt-white f11">Search</h6>
+                            <button class="btn btn-primary btn-sm" ng-click="ApplySearch(query)"><i class="fa fa-search"></i></button>&nbsp;<button class="btn btn-primary btn-sm col-md-9" ng-click="Reset(query)"><i class="fa fa-eye"></i> Show All</button>
                         </div>
                     </div>
                 </div>
@@ -59,7 +59,7 @@
         <div class="row tab-content" style="padding-left:25px; width:99%">
-            <div role="tabpanel" class="tab-pane active" id="grid-view" style="overflow-y:scroll; height:400px; clear:both;">
+            <div role="tabpanel" class="tab-pane active" id="grid-view">
                 <!--<div ng-if="!filterstring" ng-repeat="item in selectedCIlistViewData">
             <div id="{{item._id}}" class="col-sm-3 col-lg-2" title="{{item._Title}}" data-ng-click="openView($event)">
                 <div class="thumbnail">
@@ -86,7 +86,7 @@
             <div role="tabpanel" class="tab-pane" id="list-view">
                 <!--<div class="col-sm-12 table-responsive">-->
-                <div class="panel col-sm-12 table-responsive" style="padding-left:10px; padding-right:0; width:100%;">
+                <div class="panel col-sm-12 table-responsive" style="padding-left:0px; padding-right:0; margin-left:11px; margin-bottom:0; width:99%;">
                     <!--<table class="table table-hover table-condensed bg-white" style="padding-left:25px; width:99%">-->
                     <table class="table table-hover table-fixed bg-white table-txt12" style="padding-left:25px; width:100%;">
                         <thead class="clsthead">
@@ -147,7 +147,7 @@
                 </div>
                 <div class="col-sm-12" ng-show=" hiderow" style="padding-left:25px;padding-top:10px;">
                     <div class="row well">
-                        <div title="{{SelectedCITitle}}" class="col-sm-3 col-lg-3 no-padding">
+                        <div title="{{SelectedCITitle}}" class="col-sm-3 col-lg-2 no-padding">
                             <div class="thumbnail no-margin">
                                 <img id="{{SelectedCIId}}" src="{{SelectedCIthumbImage}}" alt="" title="{{SelectedCITitle}}" data-ng-click="openView($event)">
                             </div>
@@ -9,8 +9,8 @@
                 <ul class="listgrid-view" role="tablist">
                     <!--<li role="presentation" class="active" title="Image View"><a href="#grid-view" aria-controls="grid-view" role="tab" data-toggle="tab" class="" ><i class=" fa fa-image"></i></a></li>
                     <li role="presentation" title="List View"><a href="#list-view" aria-controls="list-view" role="tab" data-toggle="tab" class="" ><i class="fa fa-list-alt"></i></a></li>-->
-                    <li role="presentation" class="active" title="Image View"><i class=" fa fa-image" href="#grid-view" aria-controls="grid-view" role="tab" data-toggle="tab" ></i></li>
-                    <li role="presentation" title="List View"><i class="fa fa-list-alt" href="#list-view" aria-controls="list-view" role="tab" data-toggle="tab" ></i></li>
+                    <li role="presentation" class="active" title="Image View"><i class=" fa fa-image txt-white cur-pot" href="#grid-view" aria-controls="grid-view" role="tab" data-toggle="tab"></i></li>
+                    <li role="presentation" title="List View"><i class="fa fa-list-alt txt-white cur-pot" href="#list-view" aria-controls="list-view" role="tab" data-toggle="tab"></i></li>
                 </ul>
             </div>
         </div>
@@ -97,4 +97,4 @@
             main.toggleClass('active');
         });
     });
-</script>
 \ No newline at end of file
+</script>
@@ -549,7 +549,7 @@ ul.right0 {
 ul.listgrid-view{ list-style:none;}
 ul.listgrid-view li{ float:left; margin-right:5px; background:#3D3D3D;  padding:2px 5px; border-radius:2px;}
 ul.listgrid-view li a{color:#fff!important;}
-ul.listgrid-view li.active{  background:#0095da!important;}
+ul.listgrid-view li.active, ul.listgrid-view li:active{  background:#0095da!important;}
 .bg-white{ background:#fff;}
 .stickey-area .pagination-sm > li > a, .pagination-sm > li > span{ padding:5px 8px!important;}
@@ -715,7 +715,7 @@ textarea {
 .f11 {font-size:11px;}
 .f15 {font-size:15px; font-weight:600;}
 .pad-lftrgt3 {padding-left:2px; padding-right:2px;}
-.table-txt12 tr th, .table-txt12 tr td {font-size:12px; padding:2px 8px !important; vertical-align:middle;}
+.table-txt12 tr th, .table-txt12 tr td {font-size:12px; padding:2px 8px !important; vertical-align:middle; cursor:pointer;}
 .clsthead tr {
     display: block;
@@ -736,4 +736,15 @@ textarea {
 .clstbody tr td {
     min-width: 180px;
     text-align: left;
+}
+
+.cur-pot {
+cursor:pointer;
+}
+
+
+@media (min-width: 320px) and (max-width:480px) {
+    .stickey-area {
+        margin-top:24px;
+    }
 }
 \ No newline at end of file