Skip to content

D
dcarfixers_angular
Commit f6c2dc6f by Jansa Jose
Options

tooltip

parent bbeba1d6
Showing with 14 additions and 9 deletions
package.json
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
"ngx-google-places-autocomplete": "^2.0.3", "ngx-google-places-autocomplete": "^2.0.3",
"ngx-malihu-scrollbar": "^7.0.0", "ngx-malihu-scrollbar": "^7.0.0",
"ngx-slick": "^0.2.1", "ngx-slick": "^0.2.1",
"node-sass": "^4.11.0", "node-sass": "^4.12.0",
"rebuild": "^0.1.2", "rebuild": "^0.1.2",
"rxjs": "~6.3.3", "rxjs": "~6.3.3",
"rxjs-compat": "^6.3.3", "rxjs-compat": "^6.3.3",
......
src/app/home/dashboard/dashboard.component.html
...@@ -594,7 +594,7 @@ ...@@ -594,7 +594,7 @@
<div class="arrow_btn up_arrow" (click)="scrollToTop('issue_cntr')"></div> <div class="arrow_btn up_arrow" (click)="scrollToTop('issue_cntr')"></div>
<ul class="nav services_tab" id="issue_cntr"> <ul class="nav services_tab" id="issue_cntr">
<li class="nav-item" *ngFor="let issue_data of issuesData; let i = index;"> <li class="nav-item" *ngFor="let issue_data of issuesData; let i = index;">
<a [ngClass]="(i == 0)?'nav-link text_truncate active':'nav-link text_truncate'" data-toggle="pill" [attr.href]="'#issue_'+issue_data.issue_id"><img src="../../../assets/images/default.png">{{issue_data.issue}}</a> <a [ngClass]="(i == 0)?'nav-link text_truncate active':'nav-link text_truncate'" data-toggle="pill" [attr.href]="'#issue_'+issue_data.issue_id" tooltip="{{issue_data.issue}}" placement="top" show-delay="500" z-index="99999"><img src="../../../assets/images/default.png">{{issue_data.issue}}</a>
</li> </li>
</ul> </ul>
<div class="arrow_btn down_arrow" (click)="scrollToBottom('issue_cntr')"></div> <div class="arrow_btn down_arrow" (click)="scrollToBottom('issue_cntr')"></div>
...@@ -608,7 +608,7 @@ ...@@ -608,7 +608,7 @@
<button id="custom_check_button"> <button id="custom_check_button">
<label> <label>
<input type="checkbox" name="services" [attr.id]="'issue_' + issue_data.issue_id + '_' + sub_issue_data.issue_cat_id" [attr.issue_id]="issue_data.issue_id" [attr.sub_issue_id]="sub_issue_data.issue_cat_id" (click)="setIssueSelected($event)"> <input type="checkbox" name="services" [attr.id]="'issue_' + issue_data.issue_id + '_' + sub_issue_data.issue_cat_id" [attr.issue_id]="issue_data.issue_id" [attr.sub_issue_id]="sub_issue_data.issue_cat_id" (click)="setIssueSelected($event)">
<p class="text_truncate">{{sub_issue_data.issue_category}}</p> <p class="text_truncate" tooltip="{{sub_issue_data.issue_category}}" placement="top" show-delay="500" z-index="99999">{{sub_issue_data.issue_category}}</p>
</label> </label>
</button> </button>
</li> </li>
......
src/app/home/dashboard/dashboard.component.scss
...@@ -727,7 +727,7 @@ ...@@ -727,7 +727,7 @@
text-transform: uppercase; text-transform: uppercase;
color: #1e1e1e; color: #1e1e1e;
font-weight: 600; font-weight: 600;
padding-bottom: 10px; padding-bottom: 30px;
} }
.facebook_btn { .facebook_btn {
background-color: #3b5998; background-color: #3b5998;
...@@ -757,10 +757,15 @@ ...@@ -757,10 +757,15 @@
padding: 0px; padding: 0px;
} }
.search { .search {
background: url("/assets/images/asset_search.png"); text-align: center;
background-position: right 10px top 5px;
background-repeat: no-repeat; background-repeat: no-repeat;
padding-right: 50px; border:none;
border-bottom: 1px solid #f4f4f4;
font-size: 28px;
padding-bottom: 20px;
&::placeholder{
color: #e7e7e7;
}
} }
.service_tab_inner{ .service_tab_inner{
width: 100%; width: 100%;
......
src/app/home/index/index.component.html
...@@ -331,7 +331,7 @@ ...@@ -331,7 +331,7 @@
<div class="arrow_btn up_arrow" (click)="scrollToTop('issue_cntr')"></div> <div class="arrow_btn up_arrow" (click)="scrollToTop('issue_cntr')"></div>
<ul class="nav services_tab" id="issue_cntr"> <ul class="nav services_tab" id="issue_cntr">
<li class="nav-item" *ngFor="let issue_data of issuesData; let i = index;"> <li class="nav-item" *ngFor="let issue_data of issuesData; let i = index;">
<a [ngClass]="(i == 0)?'nav-link text_truncate active':'nav-link text_truncate'" data-toggle="pill" [attr.href]="'#issue_'+issue_data.issue_id"><img src="../../../assets/images/default.png">{{issue_data.issue}}</a> <a [ngClass]="(i == 0)?'nav-link text_truncate active':'nav-link text_truncate'" data-toggle="pill" [attr.href]="'#issue_'+issue_data.issue_id" tooltip="{{issue_data.issue}}" placement="top" show-delay="500" z-index="99999"><img src="../../../assets/images/default.png">{{issue_data.issue}}</a>
</li> </li>
</ul> </ul>
<div class="arrow_btn down_arrow" (click)="scrollToBottom('issue_cntr')"></div> <div class="arrow_btn down_arrow" (click)="scrollToBottom('issue_cntr')"></div>
...@@ -345,7 +345,7 @@ ...@@ -345,7 +345,7 @@
<button id="custom_check_button"> <button id="custom_check_button">
<label> <label>
<input type="checkbox" name="services" [attr.id]="'issue_' + issue_data.issue_id + '_' + sub_issue_data.issue_cat_id" [attr.issue_id]="issue_data.issue_id" [attr.sub_issue_id]="sub_issue_data.issue_cat_id" (click)="setIssueSelected($event)"> <input type="checkbox" name="services" [attr.id]="'issue_' + issue_data.issue_id + '_' + sub_issue_data.issue_cat_id" [attr.issue_id]="issue_data.issue_id" [attr.sub_issue_id]="sub_issue_data.issue_cat_id" (click)="setIssueSelected($event)">
<p class="text_truncate">{{sub_issue_data.issue_category}}</p> <p class="text_truncate" tooltip="{{sub_issue_data.issue_category}}" placement="top" show-delay="500" z-index="99999">{{sub_issue_data.issue_category}}</p>
</label> </label>
</button> </button>
</li> </li>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment