I have reviewed MR1, and the menu appears fine on a responsive screen width of 767px. @Nupur Badola, I am also able to click the hamburger icon. I've attached the screenshots for your reference.
We can resolve this issue with the form field values by applying simple CSS. Please refer to the CSS below.
.user-login-form .form-text, .user-login-form .form-email, .user-form .form-text, .user-form .form-email, .user-pass .form-text, .user-pass .form-email {
color: #000000;
}
I’ve attached a screenshot after applying the above CSS for your reference.
Please review
arun velusamy → created an issue.
I have installed the Explore Zymphonies Theme(3.0.1) and reviewed the homepage content. The content is already trimmed, and I also checked the view settings. The content display is set to "Teaser" in the view settings, and the character limit for trimmed/teaser content is set to 600 in the manage display settings. We can adjust the character limit as needed. Everything is functioning properly.
I have attached all the screenshots for reference
I've reviewed the contact form in Ajans theme, and while your patch MR35 isn't relevant, I believe a simple CSS adjustment can resolve this issue. Please refer to the CSS provided below.
.form-wrapper input {
margin-right: 10px;
}
I’ve included a screenshot for your reference.
Hello, I have checked the comment section of the Article in Ajans, and the layout appears to be quite decent even without applying the patch. We could potentially add some extra CSS to improve its design.
Please refer to the CSS below:
section.field.field--name-comment.field--type-comment h2 {
margin-bottom: 25px;
}
a.uk-link-reset span {
color: #6266ea;
}
ul.uk-comment-meta.uk-subnav {
color: #6266ea;
}
.uk-comment-body.border {
border: none;
background: #ffffff;
box-shadow: 5px 0 25px #cccccc85;
margin-left: 65px;
}
Please find the attached screenshot for reference.
Based on bindu's suggestion, I have added additional CSS to enhance the appearance of the submenus. Please try the following CSS
.uk-navbar-dropdown {
padding:15px;
}
.uk-navbar-dropdown-nav {
text-align: left;
font-size: 15px;
}
.uk-navbar-dropdown-nav > li > a {
border-bottom: 1px solid #eaeaea;
padding-bottom: 8px;
}
.uk-navbar-dropdown-nav > li:first-child > a {
padding-top: 0;
}
.uk-navbar-dropdown-nav > li:last-child > a {
border: none;
padding-bottom: 0;
}
.uk-navbar-dropdown-nav > li > a:hover, .uk-navbar-dropdown-nav > li > a:focus {
color: #e3722e;
}
Please review the attached screenshot showing the results after applying the CSS.
I have reviewed patch #2 and confirmed that it works correctly. The navigation dots are now properly aligned. A screenshot is attached for your reference.
Patch #2 has been verified and tested, and it appears to be in good condition. I suggest adding some additional CSS to improve the appearance of the pagination. Please try the following CSS along with your code @alok_singh
nav.pager ul li a {
border: 1px solid #ff5e14;
padding: 10px 15px;
font-weight: 500;
}
nav.pager ul li.is-active a, nav.pager ul li a:hover {
background: #ff5e14;
color: #ffffff;
}
I have attached the screenshot for reference,
please Review.
MR !5 has been verified, tested, and appears to be in good condition. The space above the top content now appears reasonable.
I have verified and tested patch #2. The patch was applied successfully and appears to be working well. I suggest changing the opacity value from '0.6 to 0.8', which will make the text more readable.
Additionally, it seems the patch is currently targeted for the front page only. Please ensure that this change is applied to all pages. The CSS selector could be something like (body > div).
body > div {
background-color: #eee;
color: #000;
opacity: 0.8;
}
Please verify
I have examined the screenshot provided, and it appears satisfactory to me at this point.
I've confirmed MR !29, and it appears to be satisfactory. Additionally, I've included screenshots for reference. I recommend enhancing the visibility of tags by applying the following CSS code.
ul.links.inline{
padding: 0px;
display: flex;
gap: 16px;
}
ul.links.inline li{
list-style-type: none;
}
ul.links.inline li a {
color: #000;
border: 1px solid #DADFE1;
font-size: 17px;
padding: 4px 20px;
vertical-align: middle;
text-decoration: none;
font-weight: 400;
}
ul.links.inline li a:hover {
color: #fff;
border: 1px solid #000;
background: #000000;
}
I have added the screenshot after applied the above css also.
Please review
@Aakansha, could you kindly inform me why this issue has been labeled as "Won't Fix" and Immediately closed as outdated?
After testing patch MR !5, I observed that the submenus have been styled; however, the actual UI of the submenus does not align with the intended design. The desired behavior is for submenus to be visible only upon hovering over or clicking on the parent menu. Therefore, I kindly request a reevaluation of the submenu behavior.
I have added the before and after screenshots for reference.
I've evaluated the code patch shared in #2, and it works fine, enhancing the appearance of the pager. I've included before and after screenshots for your reference.
@Tanushree Gupta, I've examined your patch, and I've noticed that the black color (#000) used for the breadcrumb text and link doesn't stand out well against the theme's background color. Therefore, I recommend using white color (#fff) with an underline effect when hovering over a link. Please consider implementing the following code:
.breadcrumb, .breadcrumb a {
color: #ffffff;
}
.breadcrumb a:hover, .breadcrumb a:focus {
text-decoration: underline;
}
I have added the before & after screnshots for reference. Please review
Patch #2 has been verified and tested. It appears to be in good condition. For reference, before and after screenshots have been attached.
I've tested the patch #2, and as indicated in #4, the link color is not being applied during the hover state. To address this issue, I have a CSS code that you can test. Please consider the code provided below.
.menu-base-theme li a:active, .menu-base-theme li a.highlighted, .menu-base-theme li a:hover {
color: #ffffff;
text-decoration: underline;
}
I have added the before and after screenshots for your reference. Please review
I've verified and tested patch #2, and it appears to work well for regular list items. However, the specified CSS target is not effective for the recent content widget. Therefore, I'm modifying the target from ('nav ul', 'nav li') to ('.footer ul', '.footer li'). Please test the provided code below.
.footer h2 {
display: block;
}
.footer ul {
padding-left: 0;
}
.footer li {
list-style-type: none;
}
I have included the before and after screenshots for reference, please review
I have CSS code available to address the design issues with this pager. Please use the provided CSS and confirm its effectiveness.
.custom-pagination .page-item .page-link {
width: auto;
min-width: 40px;
padding: 0 10px;
}
.custom-pagination .page-item .page-link[rel="prev"],
.custom-pagination .page-item .page-link[rel="next"] {
border-radius: 5px;
}
.custom-pagination .page-item .page-link[title="Go to first page"],
.custom-pagination .page-item .page-link[title="Go to last page"] {
border-radius: 5px;
}
I have included the before and after screenshots for your reference. Please review
Patch MR !2 has been verified and tested. The application of the patch was successful, and it appears to be in good condition. For reference, before and after screenshots have been attached.
Patch MR !3 has been verified and tested. The application of the patch was successful, and it appears to be in good condition. For reference, before and after screenshots have been attached.
Verified and tested patch MR !4. The patch was successfully applied and appears to be in good shape. However, the button seems unconventional in its hover state. Therefore, I recommend adjusting the button text color on hover and adding some spacing between each field.
Please use the following CSS to achieve the desired appearance.
.button:hover, input[type="submit"]:hover, .button:focus, input[type="submit"]:focus {
color: #ffffff;
background: #037ab5;
}
.js-form-item.form-item {
margin-bottom: 15px;
}
Attached screenshots for reference, Please review
After reviewing the provided screenshot for the theme, I recommend incorporating a homepage or banner layout that visually showcases the UI of the theme, providing a more comprehensive preview instead of solely displaying the logo.
Verified and tested patch MR !8. The patch was applied successfully and looks good.
Verified and tested patch MR !9. The patch was applied successfully and looks good.
I have verified MR6!, I can see the arrow at the end of the list. we should remove that arrow.
I have some css fix for the above mentioned issue
.breadcrumb ol li:last-child:after, .breadcrumb ul li:last-child:after {
content: none;
}
Please review
Verified and tested patch MR !5 on drupal version- 9.5. The patch was applied successfully and looks good (As like the screenshots given above).
Verified and tested patch MR !11 on drupal version- 9.5. The patch was applied successfully and looks good to me (As like the screenshots given above).
Verified and tested patch MR !14 on drupal version- 9.5. The patch was applied successfully and looks good (As like the screenshots given above).
Verified and tested patch MR !6 mergeable on drupal version- 9.5.12-dev. The patch was applied successfully and looks good to me (As like the screenshots given above).
I have tested your MR!10 with Drupal 10 & Power Portfolio 9.0.2. The breadcrumb looks fine.
I have verified the MR15 and tested it on Drupal 10 and Power Portfolio 9.0.2. The patch works fine.
I have verified it on Power Portfolio 9.0.2 & Drupal 10. But i cannot reproduce the issue, the tabs looking fine. I have added screenshot for reference.
I have verified it on Power Portfolio 9.0.2 & Drupal 10. But i cannot reproduce the issue, the search button looks fine in mobile view. I have added screenshot for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Pets Zymphonies Theme. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Pets Zymphonies Theme. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Startup Growth Lite 8.x-1.1. The patch works fine and I have added the before and after screenshots for reference.
I cannot reproduce the issue as dropdown menu is already looking good.
I have added the screenshot for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Handicraft Zymphonies Theme 1.0.1. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Minimal Lite 8.x-1.2. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and NewsPlus Lite 8.x-1.3. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and zinble 2.0.0. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and zinble 2.0.0. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and zinble 2.0.0. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x. The patch works fine and I have added the before and after screenshots for reference.
I have reviewed the above patch and it applies correctly.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Minimal Lite 8.x-1.2. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Minimal Lite 8.x-1.2. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Conference Lite 8.x-1.2. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and NewsPlus Lite 8.x-1.3. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and NewsPlus Lite 8.x-1.3. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Magazine Lite 8.x-1.3. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Magazine Lite 8.x-1.3. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Magazine Lite 8.x-1.3. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #3 and tested it on Drupal version 9.5.x and Showcase Lite 8.x-1.3. The patch works fine and I have added the before and after screenshots for reference.
we can give some left & right spacing also for sidebar widgets. Try below code,
.sidebar__section {
padding: 140px 15px 40px;
}
Added screenshot after applied the above code also. please review
I have verified the patch #2 and tested it on Drupal version 9.5.x and Showcase Lite 8.x-1.3. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Magazine Lite 8.x-1.3. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Magazine Lite 8.x-1.3. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Magazine Lite 8.x-1.3. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Startup Growth Lite 8.x-1.1. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Startup Growth Lite 8.x-1.1. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Startup Growth Lite 8.x-1.1. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Showcase Lite 8.x-1.3. The patch works fine and I have added the before and after screenshots for reference.
Bottom to top style is looking good. I cannot reproduce the issue.
I have added screenshot for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Catalog Lite 8.x-1.2. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2. The patch is not related to the page title. Please recheck
I have verified the patch #2 and tested it on Drupal version 9.5.x and Catalog Lite 8.x-1.2. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Mili Theme 9.1.0. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Mili Theme 9.1.0. The patch not working fine. second child is not aligned properly for their respective parent.
In my screenshot 'Menu Three' is the actual child of 'Procedures' menu, but after the patch it looks like 'Menu Three' will be the child of 'Team'. So i recommend some custom css below,
Try below code,
ul.main-menu ul.submenu li.main-menu-item.expanded ul.submenu {
top: 0;
}
I have added the before and after screenshots for reference.
Menu dropdown text is already in white color and looking brighter. I cannot reproduce the issue.
Please refer the screenshot
I have verified the patch #2 and tested it on Drupal version 9.5.x and TopPlus Lite 8.x-1.1. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Mili Theme 9.1.0. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Guesthouse Lite 8.x-1.3. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Guesthouse Lite 8.x-1.3. The patch works fine if we have 4 pages,
But the patch not looking good if we have 5 or more pages. I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Guesthouse Lite 8.x-1.3. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #3 and tested it on Drupal version 9.5.x and Guesthouse Lite 8.x-1.3. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Guesthouse Lite 8.x-1.3. The patch works fine and I have added the before and after screenshots for reference.
Footer widget title is already center aligned and looking good. I can't reproduce the issue.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Graphics Zymphonies Theme 1.0.1. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Graphics Zymphonies Theme 1.0.1. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and TopPlus Lite 8.x-1.1. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Restaurant Lite 8.x-1.3. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Restaurant Lite 8.x-1.3. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Restaurant Lite 8.x-1.3. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x. The patch works fine and pagination looks good in mobile.
But If i move to page 2 or so on, '« First' & '‹ Previous' added before page numbers which leads to the same type of issue.
I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x. The patch works fine and I have added the before and after screenshots for reference.
NOTE: The css class what you have targeted will apply only for the image in 'Basic Page' content type alone. I think we need to target specific classes for other content types as well.
Example:
For article content type,
.block-system-main-block .node--type-article .field--name-body p img.align-left {
margin-right: 15px;
}
I hope the following will work for all content type
.block-system-main-block article p img.align-left {
margin-right: 15px;
}
I have verified the patch #2 and tested it on Drupal version 9.5.x and Conference Lite 8.x-1.2. The patch works fine and I have added the before and after screenshots for reference.
I have verified the patch #2 and tested it on Drupal version 9.5.x and Conference Lite 8.x-1.2. The patch works fine and I have added the before and after screenshots for reference.