You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@graphar.apache.org by "Prakash1185 (via GitHub)" <gi...@apache.org> on 2026/01/27 17:51:30 UTC

[PR] Fix hero section button layout on small screens and navbar toggle icon [incubator-graphar-website]

Prakash1185 opened a new pull request, #58:
URL: https://github.com/apache/incubator-graphar-website/pull/58

   ## Problem
   - Hero section buttons were not visible properly on smaller screens
   - Toggle icon in mobile navbar was not properly aligned
   
   ## What changed
   - Fixed the layout of hero section buttons
   - Fixed the position on toggle icon in mobile navbar
   
   ## Screenshots
   
   | Before| After |
   |------- |-------|
   |<img width="424" height="642" alt="Screenshot 2026-01-27 230841" src="https://github.com/user-attachments/assets/09ae626d-27f2-46f6-a8d4-7871adafcfaf" />|<img width="423" height="707" alt="Screenshot 2026-01-27 230835" src="https://github.com/user-attachments/assets/6e23d578-fdd3-4864-b70b-3303ecef36c9" />|
   |<img width="423" height="636" alt="Screenshot 2026-01-27 231022" src="https://github.com/user-attachments/assets/44331f96-43a4-4ff3-b944-a0dcdf85f3be" />|<img width="424" height="703" alt="Screenshot 2026-01-27 231031" src="https://github.com/user-attachments/assets/c41c9d69-4b76-4bde-a86d-b9e09473c0ad">|


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscribe@graphar.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@graphar.apache.org
For additional commands, e-mail: commits-help@graphar.apache.org


Re: [PR] Fix hero section button layout on small screens and navbar toggle icon [incubator-graphar-website]

Posted by "Prakash1185 (via GitHub)" <gi...@apache.org>.
Prakash1185 commented on PR #58:
URL: https://github.com/apache/incubator-graphar-website/pull/58#issuecomment-3834243161

   Thanks for pointing this out. I’ll fix the widescreen display issue and update the PR.


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscribe@graphar.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@graphar.apache.org
For additional commands, e-mail: commits-help@graphar.apache.org


Re: [PR] Fix hero section button layout on small screens and navbar toggle icon [incubator-graphar-website]

Posted by "Copilot (via GitHub)" <gi...@apache.org>.
Copilot commented on code in PR #58:
URL: https://github.com/apache/incubator-graphar-website/pull/58#discussion_r2753222851


##########
src/css/custom.css:
##########
@@ -41,8 +41,8 @@
   color: var(--ifm-hero-text-color);
   font-weight: 700;
   text-align: center;
-  position: absolute;
-  top: 15px;
+  position: relative;
+  top: -18px;

Review Comment:
   The PR description mentions fixing the "toggle icon in mobile navbar", but these changes are actually modifying the positioning of the navbar logo text (the pseudo-element that displays "Apache GraphAr"). The change from `position: absolute` with `top: 15px` to `position: relative` with `top: -18px` affects the logo text alignment, not the toggle icon. Consider updating either the PR description or verifying that the correct element is being targeted.



-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscribe@graphar.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@graphar.apache.org
For additional commands, e-mail: commits-help@graphar.apache.org


Re: [PR] Fix hero section button layout on small screens and navbar toggle icon [incubator-graphar-website]

Posted by "yangxk1 (via GitHub)" <gi...@apache.org>.
yangxk1 commented on PR #58:
URL: https://github.com/apache/incubator-graphar-website/pull/58#issuecomment-3840963950

   LGTM~


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscribe@graphar.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@graphar.apache.org
For additional commands, e-mail: commits-help@graphar.apache.org


Re: [PR] Fix hero section button layout on small screens and navbar toggle icon [incubator-graphar-website]

Posted by "Prakash1185 (via GitHub)" <gi...@apache.org>.
Prakash1185 commented on PR #58:
URL: https://github.com/apache/incubator-graphar-website/pull/58#issuecomment-3831082907

   Hi @yangxk1,
   
   This PR addresses the hero section button layout and navbar toggle icon issues on small screens.  
   Please take a look. Thank you.
   


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscribe@graphar.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@graphar.apache.org
For additional commands, e-mail: commits-help@graphar.apache.org


Re: [PR] Fix hero section button layout on small screens and navbar toggle icon [incubator-graphar-website]

Posted by "yangxk1 (via GitHub)" <gi...@apache.org>.
yangxk1 commented on PR #58:
URL: https://github.com/apache/incubator-graphar-website/pull/58#issuecomment-3833864015

   <img width="944" height="779" alt="image" src="https://github.com/user-attachments/assets/ced8ef1d-96e0-4724-a135-96ed52e18ce1" />
   <img width="415" height="126" alt="image" src="https://github.com/user-attachments/assets/0e6398f1-0c67-4247-bee3-6ef76ecfc4ec" />
   
   Under the pc widescreen display, there seems to be some problem @Prakash1185 


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscribe@graphar.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@graphar.apache.org
For additional commands, e-mail: commits-help@graphar.apache.org


Re: [PR] Fix hero section button layout on small screens and navbar toggle icon [incubator-graphar-website]

Posted by "Prakash1185 (via GitHub)" <gi...@apache.org>.
Prakash1185 commented on PR #58:
URL: https://github.com/apache/incubator-graphar-website/pull/58#issuecomment-3836448038

   Hi @yangxk1,
   I’ve added a fix for the widescreen display issue and updated the PR. Please let me know if the layout looks correct.


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscribe@graphar.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@graphar.apache.org
For additional commands, e-mail: commits-help@graphar.apache.org


Re: [PR] Fix hero section button layout on small screens and navbar toggle icon [incubator-graphar-website]

Posted by "yangxk1 (via GitHub)" <gi...@apache.org>.
yangxk1 commented on PR #58:
URL: https://github.com/apache/incubator-graphar-website/pull/58#issuecomment-3833837231

   Thank you for pointing out this problem and fixing it @Prakash1185 


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscribe@graphar.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@graphar.apache.org
For additional commands, e-mail: commits-help@graphar.apache.org


Re: [PR] Fix hero section button layout on small screens and navbar toggle icon [incubator-graphar-website]

Posted by "yangxk1 (via GitHub)" <gi...@apache.org>.
yangxk1 merged PR #58:
URL: https://github.com/apache/incubator-graphar-website/pull/58


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscribe@graphar.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@graphar.apache.org
For additional commands, e-mail: commits-help@graphar.apache.org