Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
Fixes #1051:Fixed distortion in UI by hiding Tools tab in smaller dev…
…ices (#1052)
  • Loading branch information
praveenojha33 authored and mariobehling committed Jun 29, 2018
1 parent 17e6bd1 commit 3323046
Show file tree
Hide file tree
Showing 3 changed files with 39 additions and 25 deletions.
61 changes: 38 additions & 23 deletions src/app/results/results.component.css
Expand Up @@ -371,12 +371,48 @@ div.autocorrect {


/*Responsiveness*/
@media screen and (max-width: 811px) and (min-width: 768px) {
@media screen and (max-width: 811px) and (min-width: 768px) {
#settings{
left: -15%;
}
#tools{
left: -15%;
}
}
@media screen and (max-width: 767px) and (min-width: 736px) {
#settings{
left: 5%;
}
#tools{
left: 5%;
}
}
@media screen and (max-width: 735px) and (min-width: 640px) {
#tools{
left: -5%;
}
}

@media screen and (max-width: 560px) and (min-width: 495px) {
#settings{
left: 27%;
}
#tools{
left: 27%;
}
}

@media screen and (max-width: 495px) {
#settings{
left: 10%;
}
#tools{
left: -7%;
display:none;
}
}
@media screen and (max-width: 420px) {
#settings{
left: 5%;
}
}

Expand Down Expand Up @@ -474,14 +510,6 @@ div.autocorrect {
padding-top: 8%;
}

#settings {
left: 4.5%;
}

#tools {
left: 4.5%;
}

#setting-dropdown {
min-width: 100px;
margin-left: 0;
Expand Down Expand Up @@ -533,19 +561,6 @@ div.autocorrect {
left:0;
}

#settings {
left:0;
}

#tools {
left:0;
}

#search-options li {
padding-left: 5vw;
padding-right: 5vw;
}

#setting-dropdown li {
padding-left: 0!important;
padding-right: 0!important;
Expand Down
2 changes: 1 addition & 1 deletion src/app/results/results.component.html
Expand Up @@ -36,7 +36,7 @@
<div [hidden]="hidefooter">
<!-- Basic results 'All' -->
<div class="container-fluid">
<div class="result message-bar" *ngIf="totalNumber > 0 && !Display('images')">
<div class="result message-bar" *ngIf="totalNumber > 0 && !Display('images') && !Display('news')">
{{message}}
</div>
<div class="autocorrect">
Expand Down
1 change: 0 additions & 1 deletion src/app/results/results.component.ts
Expand Up @@ -315,5 +315,4 @@ export class ResultsComponent implements OnInit {

ngOnInit() {
}

}

0 comments on commit 3323046

Please sign in to comment.