ADAM / AIAHTML5

Commit 79de4a4f1085572da59de36d4582f831eb9e8fcd

Authored by Mitali Srivastava
1 parent 40ee918c

CI css changes

Inline Side-by-side
Showing 3 changed files with 28 additions and 17 deletions
400-SOURCECODE/AIAHTML5.Web/app/views/ci/ci-view.html
  View file @79de4a4
... ... @@ -3,11 +3,11 @@
3 3 <div class="main">
4 4 <div class="col-sm-12 stickey-area" style="padding-left:19px; width:99%">
5 5 <div class="breadcrumb">
6   - <div class="row">
7   - <h5 class="text-center text-primary txt-white f15 paddingbtm5">Display Image By</h5>
  6 + <div class="row center-block">
  7 + <h5 class="text-center text-primary txt-white f15">Display Image By</h5>
8 8 <div class="col-md-2 col-sm-4 pad-lftrgt3">
9 9 <div class="form-group">
10   - <h6 class="text-center text-primary txt-white f11 paddingbtm5">Body Region</h6>
  10 + <h6 class="text-center text-primary txt-white f11">Body Region</h6>
11 11 <select class="form-control input-sm" ng-model="query.selectedbodyregion" ng-options="item for item in CIAllBodyRegion track by item">
12 12 <option value="">All</option>
13 13 </select>
... ... @@ -15,7 +15,7 @@
15 15 </div>
16 16 <div class="col-md-2 col-sm-4 pad-lftrgt3">
17 17 <div class="form-group">
18   - <h6 class="text-center text-primary txt-white f11 paddingbtm5">Body System</h6>
  18 + <h6 class="text-center text-primary txt-white f11">Body System</h6>
19 19 <select class="form-control input-sm" ng-model="query.selectedbodysystem" ng-options="item for item in CIAllBodySystem track by item">
20 20 <option value="">All</option>
21 21 </select>
... ... @@ -24,7 +24,7 @@
24 24  
25 25 <div class="col-md-2 col-sm-4 pad-lftrgt3">
26 26 <div class="form-group">
27   - <h6 class="text-center text-primary txt-white f11 paddingbtm5">View Orientation</h6>
  27 + <h6 class="text-center text-primary txt-white f11">View Orientation</h6>
28 28 <select class="form-control input-sm" ng-model="query.selectedorientation" ng-options="item for item in CIAllOrientation track by item">
29 29 <option value="">All</option>
30 30 </select>
... ... @@ -32,7 +32,7 @@
32 32 </div>
33 33 <div class="col-md-2 col-sm-4 pad-lftrgt3">
34 34 <div class="form-group">
35   - <h6 class="text-center text-primary txt-white f11 paddingbtm5">Image Type</h6>
  35 + <h6 class="text-center text-primary txt-white f11">Image Type</h6>
36 36 <select class="form-control input-sm" ng-model="query.selectedimagetype" ng-options="item for item in CIAllImageType track by item">
37 37 <option value="">All</option>
38 38 </select>
... ... @@ -40,7 +40,7 @@
40 40 </div>
41 41 <div class="col-md-2 col-sm-4 pad-lftrgt3">
42 42 <div class="form-group">
43   - <h6 class="text-center text-primary txt-white f11 paddingbtm5">Medical Speciality</h6>
  43 + <h6 class="text-center text-primary txt-white f11">Medical Speciality</h6>
44 44 <select class="form-control input-sm" ng-model="query.selectedspecialty" ng-options="item for item in CIAllSpeciality track by item">
45 45 <option value="">All</option>
46 46 </select>
... ... @@ -48,8 +48,8 @@
48 48 </div>
49 49 <div class="col-md-2 col-sm-4 pad-lftrgt3">
50 50 <div class="form-group">
51   - <h6 class="text-center text-primary txt-white f11 paddingbtm5">Search</h6>
52   - <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>
  51 + <h6 class="text-center text-primary txt-white f11">Search</h6>
  52 + <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>
53 53 </div>
54 54 </div>
55 55 </div>
... ... @@ -59,7 +59,7 @@
59 59  
60 60 <div class="row tab-content" style="padding-left:25px; width:99%">
61 61  
62   - <div role="tabpanel" class="tab-pane active" id="grid-view" style="overflow-y:scroll; height:400px; clear:both;">
  62 + <div role="tabpanel" class="tab-pane active" id="grid-view">
63 63 <!--<div ng-if="!filterstring" ng-repeat="item in selectedCIlistViewData">
64 64 <div id="{{item._id}}" class="col-sm-3 col-lg-2" title="{{item._Title}}" data-ng-click="openView($event)">
65 65 <div class="thumbnail">
... ... @@ -86,7 +86,7 @@
86 86  
87 87 <div role="tabpanel" class="tab-pane" id="list-view">
88 88 <!--<div class="col-sm-12 table-responsive">-->
89   - <div class="panel col-sm-12 table-responsive" style="padding-left:10px; padding-right:0; width:100%;">
  89 + <div class="panel col-sm-12 table-responsive" style="padding-left:0px; padding-right:0; margin-left:11px; margin-bottom:0; width:99%;">
90 90 <!--<table class="table table-hover table-condensed bg-white" style="padding-left:25px; width:99%">-->
91 91 <table class="table table-hover table-fixed bg-white table-txt12" style="padding-left:25px; width:100%;">
92 92 <thead class="clsthead">
... ... @@ -147,7 +147,7 @@
147 147 </div>
148 148 <div class="col-sm-12" ng-show=" hiderow" style="padding-left:25px;padding-top:10px;">
149 149 <div class="row well">
150   - <div title="{{SelectedCITitle}}" class="col-sm-3 col-lg-3 no-padding">
  150 + <div title="{{SelectedCITitle}}" class="col-sm-3 col-lg-2 no-padding">
151 151 <div class="thumbnail no-margin">
152 152 <img id="{{SelectedCIId}}" src="{{SelectedCIthumbImage}}" alt="" title="{{SelectedCITitle}}" data-ng-click="openView($event)">
153 153 </div>
... ...
400-SOURCECODE/AIAHTML5.Web/app/widget/MainMenu.html
  View file @79de4a4
... ... @@ -9,8 +9,8 @@
9 9 <ul class="listgrid-view" role="tablist">
10 10 <!--<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>
11 11 <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>-->
12   - <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>
13   - <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>
  12 + <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>
  13 + <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>
14 14 </ul>
15 15 </div>
16 16 </div>
... ... @@ -97,4 +97,4 @@
97 97 main.toggleClass('active');
98 98 });
99 99 });
100   -</script>
101 100 \ No newline at end of file
  101 +</script>
... ...
400-SOURCECODE/AIAHTML5.Web/themes/default/css/bootstrap/3.3.6/main.css
  View file @79de4a4
... ... @@ -549,7 +549,7 @@ ul.right0 {
549 549 ul.listgrid-view{ list-style:none;}
550 550 ul.listgrid-view li{ float:left; margin-right:5px; background:#3D3D3D; padding:2px 5px; border-radius:2px;}
551 551 ul.listgrid-view li a{color:#fff!important;}
552   -ul.listgrid-view li.active{ background:#0095da!important;}
  552 +ul.listgrid-view li.active, ul.listgrid-view li:active{ background:#0095da!important;}
553 553 .bg-white{ background:#fff;}
554 554 .stickey-area .pagination-sm > li > a, .pagination-sm > li > span{ padding:5px 8px!important;}
555 555  
... ... @@ -715,7 +715,7 @@ textarea {
715 715 .f11 {font-size:11px;}
716 716 .f15 {font-size:15px; font-weight:600;}
717 717 .pad-lftrgt3 {padding-left:2px; padding-right:2px;}
718   -.table-txt12 tr th, .table-txt12 tr td {font-size:12px; padding:2px 8px !important; vertical-align:middle;}
  718 +.table-txt12 tr th, .table-txt12 tr td {font-size:12px; padding:2px 8px !important; vertical-align:middle; cursor:pointer;}
719 719  
720 720 .clsthead tr {
721 721 display: block;
... ... @@ -736,4 +736,15 @@ textarea {
736 736 .clstbody tr td {
737 737 min-width: 180px;
738 738 text-align: left;
  739 +}
  740 +
  741 +.cur-pot {
  742 +cursor:pointer;
  743 +}
  744 +
  745 +
  746 +@media (min-width: 320px) and (max-width:480px) {
  747 + .stickey-area {
  748 + margin-top:24px;
  749 + }
739 750 }
740 751 \ No newline at end of file
... ...