Account created on 21 November 2021, almost 3 years ago
  • Software Developer(Drupal Themer) at TO THE NEWΒ 
#

Recent comments

Before:
Read More β†’

After:
Read More β†’

This module's job is to clean up unnecessary meta tags and attributes from your web page links to make the page simpler and faster.

Looks like the default bootstrap menu function not working. you can simply add yours.

It seems there was an issue with the previous patch. I'm sending an updated version for you to try again. Please find the attached screenshot for reference

We can use sass command
sass -r sass-globbing --watch sass/global.scss:css/global.css

Create a menu Structure -> Menus -> Add menu
After creating custom menus
go Structure -> block -> sidebar (place block)
Add your custom menu block
Sharing screenshots for steps for better understanding.

Please change the position of status message from brand region to top region
Because AdminLte theme hides the brand region. so if you wanna have something to be shown either enable brand region in page.html.twig file or place it somewhere else (you can refer to block layout of it)
Sharing screenshots for better understanding.

It is because they haven't defined it in page.html.html.twig that region as it doesn't go with the theme. Although If you want it. please define the region in page.html.twig file.
sharing patch and screenshots.

Hi
This is happening because of "overflow: hidden" property which is assigned to wrapper class
Simply add the following property to the "content" class it will work
Sharing screenshot.

Sharing Images on how to set a favicon for the AdminLte theme. Kindly follow those.
1- setting-> click on "shortcut icon"
2- it will display the "upload favicon"
3-either upload or use default both are available.

Try below. Hope this works

  dependencies:
    - core/jquery
    - core/drupal.ajax
    - core/drupal
    - core/drupalSettings
    - core/jquery.once

Also make sure your js file contains drupal behaviours

/**
 * @file main.js
 */

(function ($, Drupal, window, document) {
    "use strict";
    Drupal.behaviors.global = {
      attach: function (context, settings) {
      },
    };

  })(jQuery, Drupal, this, this.document);
  

with position sticky you should give top/bottom property too 

position: -webkit-sticky;

position: sticky;

top: 80px;

position sticky won't work if overflow property is given to parent (any parent)
second write below code to console.log and see where overflow property is coming
let parent = document.querySelector('.sticky').parentElement;

while (parent) {
    const hasOverflow = getComputedStyle(parent).overflow;
    if (hasOverflow !== 'visible') {
        console.log(hasOverflow, parent);
    }
    parent = parent.parentElement;
}

Mostly it's in dialog-off-canvas-main-canvas. locate and add below property to your js folder

if($('.sticky').length > 0){
$('.dialog-off-canvas-main-canvas').css('overflow', 'inherit')
}
  • with position sticky you should give top/bottom property too 
position: -webkit-sticky;

position: sticky;

top: 80px;
  • position sticky won't work if overflow property is given to parent (any parent)
  • second write below code to console.log and see where overflow property is coming
let parent = document.querySelector('.sticky').parentElement;

while (parent) {
    const hasOverflow = getComputedStyle(parent).overflow;
    if (hasOverflow !== 'visible') {
        console.log(hasOverflow, parent);
    }
    parent = parent.parentElement;
}
  • Mostly it's in dialog-off-canvas-main-canvas. locate and add below property to your js folder
if($('.sticky').length > 0){
$('.dialog-off-canvas-main-canvas').css('overflow', 'inherit')
}
Production build 0.71.5 2024