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

[Feature] No Back Button after opening a Blog #239

Open
SurajPrakash24 opened this issue Oct 20, 2024 · 2 comments
Open

[Feature] No Back Button after opening a Blog #239

SurajPrakash24 opened this issue Oct 20, 2024 · 2 comments

Comments

@SurajPrakash24
Copy link
Contributor

Describe the feature you'd like to request

There is no Back button After a user opens a blog to read. If there will be a Back button then it helps user to easily back to the blogs page

Describe the solution you'd like

I want to add this Back button so that a user can easily back to the Blogs page and navigate to other blogs.

Describe alternatives you've considered

No response

Additional context

I am attaching a screenshot of where we can put the back button.
Untitled design (3)

@Kritika30032002 Plz assign this issue to me under gssoc-ext and hacktoberfest-accepted

@IRONalways17
Copy link

/assign

@IRONalways17
Copy link

Add the Back Button in the Blog Details View:
Locate the views/post.ejs file where the blog details are rendered.
Add a back button element that links back to the blogs list page.

`<%- include("partials/header"); -%>

<%= nextBlogTitle %>

By <%= nextBlogAuthor %>

<%= nextBlog %>

Back to Blogs

<%- include("partials/footer"); -%>`

Ensure CSS Styling for the Back Button:
Ensure your public/css/styles.css file has the necessary styles for the .btn-primary class.

`.btn-primary {
background-color: #1abc9c;
color: #fff;
border: none;
padding: 10px 20px;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
border-radius: 5px;
text-decoration: none;
transition: background-color 0.2s;
}

.btn-primary:hover {
background-color: #169c7f;
}`

.btn-primary {
background-color: #1abc9c;
color: #fff;
border: none;
padding: 10px 20px;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
border-radius: 5px;
text-decoration: none;
transition: background-color 0.2s;
}

.btn-primary:hover {
background-color: #169c7f;
}

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

No branches or pull requests

2 participants