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.

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

Proper mobile view of About page. #302

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

AkshJain99
Copy link
Member

@AkshJain99 AkshJain99 commented Jan 13, 2019

Mobile view of about page
looks fine now by adding
scrolling feature.

Fixes #298

For short term contributors: we understand that getting your commits well
defined like we require is a hard task and takes some learning. If you
look to help without wanting to contribute long term there's no need
for you to learn this. Just drop us a message and we'll take care of brushing
up your stuff for merge!

Checklist

  • I read the commit guidelines and I've followed
    them.
  • I ran coala over my code locally. (All commits have to pass
    individually.
    It is not sufficient to have "fixup commits" on your PR,
    our bot will still report the issues for the previous commit.) You will
    likely receive a lot of bot comments and build failures if coala does not
    pass on every single commit!

After you submit your pull request, DO NOT click the 'Update Branch' button.
When asked for a rebase, consult coala.io/rebase
instead.

Please consider helping us by reviewing other peoples pull requests as well:

The more you review, the more your score will grow at coala.io and we will
review your PRs faster!

@AkshJain99
Copy link
Member Author

@hemangsk please review this pr

Copy link
Member

@bharatpurohit97 bharatpurohit97 left a comment

Choose a reason for hiding this comment

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

@AkshJain99 It is not a good idea to change the vendor files since these are from a third party and used across the project. Custom CSS goes here https://github.com/coala/coalaCSS

@AkshJain99
Copy link
Member Author

@bharatpurohit97 really but in coala css i think there isno such thing which let me to fix this issue

@AkshJain99
Copy link
Member Author

and also @bharatpurohit97 changes done in coalaCSS is not reflected in coala frontend then how can we change there without observing those changes locally

@frextrite
Copy link

I too agree, if it's a vendor CSS file, do not modify it. Instead, change the element class in the HTML file and override the style in custom CSS.

@AkshJain99
Copy link
Member Author

@frextrite but i wanna to ask that how the changes done in coalacss will reflect in coala frontend when run locally

@AkshJain99
Copy link
Member Author

@frextrite I am not getting if i cant change vendor file then what is the otherway through which i can change the style? becoz changes done in coalacss will not reflect in frontend

@TravisBuddy
Copy link

Travis tests have failed

Hey @AkshJain99,
Please read the following log in order to understand the failure reason.
It'll be awesome if you fix what's wrong and commit the changes.

1st Build

View build log

docker run -v=$(pwd):/app --workdir=/app coala/base coala --ci
Unable to find image 'coala/base:latest' locally
latest: Pulling from coala/base
















Digest: sha256:125d6cf24929d39db47b3ccd83d6ed1b6a231fc7e8afbf70bc4b5bd87653b0ff
Status: Downloaded newer image for coala/base:latest
Executing section global...
Executing section linecount...
Executing section spacing...
|    | [NORMAL] SpaceConsistencyBear:
|    | Line contains following spacing inconsistencies:
|    | - No newline at EOF.
|----|    | /app/partials/tabs/about.html
|    |++++| /app/partials/tabs/about.html
| 129| 129|   $('ul.tabs').tabs();
| 130| 130| });
| 131| 131| </script>
| 132|    |-<link rel="stylesheet" href="/resources/css/people.css">
|    | 132|+<link rel="stylesheet" href="/resources/css/people.css">
[INFO][14:56:34] Applied 'ShowPatchAction' on 'partials/tabs/about.html' from 'SpaceConsistencyBear'.
Executing section html...
Executing section yml...
Executing section cli...
TravisBuddy Request Identifier: 9788f440-180c-11e9-982a-45f784180d69

@@ -129,3 +129,4 @@ <h2 class="fine center">about</h2>
$('ul.tabs').tabs();
});
</script>
<link rel="stylesheet" href="/resources/css/people.css">
Copy link
Member

Choose a reason for hiding this comment

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

Line contains following spacing inconsistencies:

  • No newline at EOF.

Origin: SpaceConsistencyBear, Section: spacing.

The issue can be fixed by applying the following patch:

--- a/tmp/tmph_inr9rr/partials/tabs/about.html
+++ b/tmp/tmph_inr9rr/partials/tabs/about.html
@@ -129,4 +129,4 @@
   $('ul.tabs').tabs();
 });
 </script>
-<link rel="stylesheet" href="/resources/css/people.css">+<link rel="stylesheet" href="/resources/css/people.css">

Copy link
Member

@utkarsh2102 utkarsh2102 left a comment

Choose a reason for hiding this comment

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

Is it working on your system?
Mine seems to have a problem :/

@AkshJain99
Copy link
Member Author

AkshJain99 commented Jan 15, 2019 via email

Mobile view of about page
looks fine now by adding
scrolling feature.

Fixes coala#298
@TravisBuddy
Copy link

Travis tests have failed

Hey @AkshJain99,
Please read the following log in order to understand the failure reason.
It'll be awesome if you fix what's wrong and commit the changes.

1st Build

View build log

docker run -v=$(pwd):/app --workdir=/app coala/base coala --ci
Unable to find image 'coala/base:latest' locally
latest: Pulling from coala/base
















Digest: sha256:125d6cf24929d39db47b3ccd83d6ed1b6a231fc7e8afbf70bc4b5bd87653b0ff
Status: Downloaded newer image for coala/base:latest
Executing section global...
Executing section linecount...
Executing section spacing...
|    | [NORMAL] SpaceConsistencyBear:
|    | Line contains following spacing inconsistencies:
|    | - No newline at EOF.
|----|    | /app/resources/css/people.css
|    |++++| /app/resources/css/people.css
|  63|  63|     max-height: 80%;
|  64|  64|     overflow: scroll;
|  65|  65|   }
|  66|    |-}
|    |  66|+}
[INFO][07:07:08] Applied 'ShowPatchAction' on 'resources/css/people.css' from 'SpaceConsistencyBear'.
Executing section html...
Executing section yml...
Executing section cli...
TravisBuddy Request Identifier: 2d687e40-1894-11e9-8383-81bede5545a8

Copy link

@KVGarg KVGarg left a comment

Choose a reason for hiding this comment

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

It’s not recommended to change materialize css class explicitly. I will recommend you to add a new class in div And add overflow Or any other property in it.

@AkshJain99
Copy link
Member Author

It’s not recommended to change materialize css class explicitly. I will recommend you to add a new class in div And add overflow Or any other property in it.

but @KVGarg yes i know that but where did i changed materialise css? i did that earlier but i think now its perfect

@KVGarg
Copy link

KVGarg commented Mar 13, 2019

.card.small .card-content, .card.medium .card-content, .card.large .card-content
This constitutes many of materialize css card classes. You are adding or modifying existing css.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Development

Successfully merging this pull request may close these issues.

About page in Mobile view is not proper
7 participants