Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Mamta responsive 2 #6

Open
wants to merge 15 commits into
base: master
Choose a base branch
from
Open

Mamta responsive 2 #6

Show file tree
Hide file tree
Changes from 13 commits
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
3eaf116
change in header css
mamtayadav856 Jun 6, 2017
6283582
change in header css
mamtayadav856 Jun 6, 2017
16ca8de
css for iPhone 5 and iPhone6
mamtayadav856 Jun 12, 2017
a70791a
change in css
mamtayadav856 Jun 12, 2017
d5e419e
change in css
mamtayadav856 Jun 13, 2017
2af51dc
responsiveness for ipad
mamtayadav856 Jun 15, 2017
42d8d28
responsiveness for iPad Pro
mamtayadav856 Jun 15, 2017
581a4e9
comment section css and its media queries
mamtayadav856 Jun 20, 2017
abec0b0
made project modal responsive
mamtayadav856 Jun 22, 2017
bb8db8a
responsive for iPhone5
mamtayadav856 Jun 23, 2017
bd51c1c
responsive for iPhone 5
mamtayadav856 Jun 23, 2017
1aa883c
css for mobile responsiveness
mamtayadav856 Jun 23, 2017
ffbe449
Merge branch 'master' into mamta_responsive_2
pkrawat1 Jun 27, 2017
443f53d
modified html for angular hunt
mamtayadav856 Jun 30, 2017
e6c1e8b
Merge branch 'mamta_responsive_2' of https://github.com/aviabird/angu…
mamtayadav856 Jun 30, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
491 changes: 444 additions & 47 deletions src/app/components/project/project.component.css
View file
Open in desktop

Large diffs are not rendered by default.

115 changes: 91 additions & 24 deletions src/app/components/project/project.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,9 @@
<!--Image Container Here-->
<section class="container-gallery">
<div class="canvas">
<div>
<div class="image-div">
<!--Image Here-->
<img [src]="project.image_url" style="height: 367px; width: 700px;" />
<img class="image-canvas" [src]="project.image_url" />
</div>
</div>
</section>
Expand Down Expand Up @@ -62,39 +62,27 @@ <h2 class="tagline-heading">{{ project.description }}</h2>
<span class="inactiveLink">
<a target="_blank" [href]="project.git_url">visit site</a>
</span>
<span class="inactivePopoverToggle" data-test="show-more">
<span class="inactivePopoverToggle" data-test="show-more">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please check the indentation here.

<i class="ion-arrow-down-b"></i>
</span>
</span>
</span>
</span>
</main>
<aside>
<share-buttons [url]="project.git_url"
[image]="project.image_url"
[title]="project.name"
[description]="project.description"
[tags]="productTags"
[linkedIn]=false
[tumblr]=false
[google]=false
[pinterest]=false
[stumbleUpOn]=false
[reddit]=false
[whatsApp]=false
[defaultStyle]="false">
</share-buttons>
<button class="button_mediumSize">
<share-buttons [url]="project.git_url" [image]="project.image_url" [title]="project.name" [description]="project.description"
[tags]="productTags" [linkedIn]=false [tumblr]=false [google]=false [pinterest]=false [stumbleUpOn]=false [reddit]=false
[whatsApp]=false [defaultStyle]="false">
</share-buttons>
<button class="button_mediumSize button-add-label">
<div class="buttonContainer">
<span class="icon">
<i class="ion-android-menu"></i>
<i class="ion-android-add"></i>
<i class="ion-android-menu main-icons"></i>
<i class="ion-android-add main-icons"></i>
<span class="collectButtonLabel">&nbsp;Save for later</span>
</span>
</div>
</button>
<button class="button_mediumSize"
[class.active]="isUpvotedByCurrUser"
(click)="onToggleUpvote()">
<button class="button_mediumSize button-icon" [class.active]="isUpvotedByCurrUser" (click)="onToggleUpvote()">
<div class="buttonContainer">
<span class="icon">
<i class="ion-arrow-up-b"></i>
Expand All @@ -106,4 +94,83 @@ <h2 class="tagline-heading">{{ project.description }}</h2>
</div>
</section>
<!--Project Action Section Ends heres-->

<!--Discussion and Author Detail Section-->
<section class="comment-part">
<div class="wrapper">
<div class="hunter">
<span class="title">Hunter</span>
<div class="item">
<a class="link" href="/@nitishkmrk">
<span class="user-image">
<div class="container-user-image" style="height:30px;width:30px;">
<img height="30" src="https://ph-avatars.imgix.net/717573/original?auto=format&amp;auto=compress&amp;codec=mozjpeg&amp;cs=strip&amp;w=30&amp;h=30&amp;fit=crop" srcset="https://ph-avatars.imgix.net/717573/original?auto=format&amp;auto=compress&amp;codec=mozjpeg&amp;cs=strip&amp;w=30&amp;h=30&amp;fit=crop&amp;dpr=2 2x, https://ph-avatars.imgix.net/717573/original?auto=format&amp;auto=compress&amp;codec=mozjpeg&amp;cs=strip&amp;w=30&amp;h=30&amp;fit=crop&amp;dpr=3 3x" width="30">
</div>
<div class="user-image-v H-hunter">H</div>
</span>
</a>
<a class="userName_text" href="/@nitishkmrk">Nitish Kumar</a>
</div>
</div>
<div class="makers">
<span class="title">Makers</span>
<div class="item">
<a class="link" href="/@nitishkmrk">
<span class="user-image">
<div class="container-user-image" style="height:30px;width:30px;">
<img height="30" src="https://ph-avatars.imgix.net/717573/original?auto=format&amp;auto=compress&amp;codec=mozjpeg&amp;cs=strip&amp;w=30&amp;h=30&amp;fit=crop" srcset="https://ph-avatars.imgix.net/717573/original?auto=format&amp;auto=compress&amp;codec=mozjpeg&amp;cs=strip&amp;w=30&amp;h=30&amp;fit=crop&amp;dpr=2 2x, https://ph-avatars.imgix.net/717573/original?auto=format&amp;auto=compress&amp;codec=mozjpeg&amp;cs=strip&amp;w=30&amp;h=30&amp;fit=crop&amp;dpr=3 3x" width="30">
</div>
<div class="user-image-v M-maker">M</div>
</span>
</a>
<a class="userName_text" href="/@nitishkmrk">Nitish Kumar</a>
</div>
</div>
</div>
<div class="comment-section">
<div class="discussion">
<h2 class="heading-title">discussion</h2>
<div class="comment">
<div class="heading">
<a class="user-image" href="">
<img height="32" width="32" src="https://pbs.twimg.com/profile_images/719715136634765314/XKBwV5Qd.jpg">
</a>
<div>
<a class="boldtext_heading remaining-text" href="">Yigit Pinarbasi</a>
<div class="text_subtle_base remaining-text">@yigitpinarbasi . Product Designer, Design Lead @epcsht</div>
</div>
</div>
<div class="show-more-body-text remaining-text">
<span>Never say "no" to icon packs!</span>
</div>
<div class="action-secondary-buttons">
<a class="upvote-action">
<span>
<i class="ion-arrow-up-b action"></i>
</span> 27
</a>
<a class="facebookShare">
<span>
<i class="ion-social-facebook action"></i>
</span>
<span class="sharelabel">Share</span>
</a>
<a class="twitterShare">
<span>
<i class="ion-social-twitter action"></i>
</span>
<span class="share-label">tweet</span>
</a>
<a class="timestamphere">
<span class="action">.</span>
<span class="times">11 days ago</span>
</a>
</div>
</div>
</div>
<button class="show-more-comments-container">
<div class="buttonContainer">Show all comments</div>
</button>
</div>
</section>
</main>
Loading