Plugin Directory

Changeset 3243313


Ignore:
Timestamp:
02/19/2025 02:20:47 PM (13 months ago)
Author:
aweos
Message:

increased compatibility

Location:
aweos-offcanvas-menu/trunk
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • aweos-offcanvas-menu/trunk/aweos-offcanvas-menu.css

    r2016973 r3243313  
    1 #offcanvas_container {
     1#offcanvas_container
     2{
    23    padding-right: 0px;
    34}
    45
    5 {% if displayBorder %}
    6     #offcanvas_container .ps__rail-y {
    7         background-color: {{borderRightColor}};
    8     }
    9 {% endif %}
    10 
    11 #offcanvas_container .ps__thumb-y {
    12     background-color: {{scrollbarThumb}};
    13 }
    14 
    15 #offcanvas_container {
    16     background-color: {{backgroundColor}};
    17 }
    18 
    19 #offcanvas_menu_inner li.menu-item > a {
    20     border-bottom: 1px {{borderColor}} solid;
    21     color: {{fontColor}};
    22 }
    23 
    24 #offcanvas_container .close-sidebar-inner {
    25     border-bottom: 1px {{borderColor}} solid;
    26 }
    27 
    28 #offcanvas_container .close-sidebar-inner span:first-child {
    29     color: {{closeColor}};
    30 }
    31 
    32 #offcanvas_container .close-sidebar-inner .fa:before, #offcanvas_container .close-sidebar-inner .fa:after {
    33     background-color: {{closeColor}};
    34 }
    35 
    36 #offcanvas_container .close-sidebar-inner {
    37     background-color: {{closeBackground}};
    38 }
    39 
    40 #offcanvas_menu_inner > li.menu-item.visible > a,
    41 #offcanvas_menu_inner > li.menu-item.visible > ul > li.menu-item.visible > a {
    42     color: {{openFont}};
    43     background-color: {{openBackground}};
    44 }
    45 
    46 #offcanvas_container #offcanvas_menu_inner > li.menu-item > ul.sub-menu > li.menu-item-has-children > a:after,
    47 #offcanvas_container #offcanvas_menu_inner > li.menu-item > ul.sub-menu > li > ul.sub-menu > li.menu-item-has-children > a:after {
    48     background-color: {{rightArrowBackground}};
    49     color: {{rightArrowFontColor}};
    50 }
    51 
    52 #offcanvas_container #offcanvas_menu_inner > li.menu-item.menu-item-has-children > a:after {
    53     background-color: {{rightArrowBackground}};
    54     color: {{rightArrowFontColor}};
    55 }
    56 
    57 #offcanvas_menu_inner > li.menu-item > ul > li.menu-item > ul {
    58     background-color: {{backgroundColor}};
    59 }
    60 
    61 #offcanvas_menu_inner > li.menu-item > ul.sub-menu,
    62 #offcanvas_menu_inner > li.menu-item > ul.sub-menu > li > ul.sub-menu,
    63 #offcanvas_menu_inner > li.menu-item > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
    64     background-color: {{submenuBackground}};
    65 }
    66 
    67 @media screen and (max-width: {{maxWidth}}px) {
    68     .et_header_style_left #et-top-navigation {
    69         display: block;
    70     }
    71     #et_mobile_nav_menu {
    72         display: block;
    73     }
    74     #top-menu {
     6{
     7    % if displayBorder %
     8}
     9
     10#offcanvas_container .ps__rail-y
     11{
     12    background-color:
     13    {
     14        {
     15            borderRightColor
     16        }
     17    }
     18
     19    ;
     20}
     21
     22{
     23    % endif %
     24}
     25
     26#offcanvas_container .ps__thumb-y
     27{
     28    background-color:
     29    {
     30        {
     31            scrollbarThumb
     32        }
     33    }
     34
     35    ;
     36}
     37
     38#offcanvas_container
     39{
     40    background-color:
     41    {
     42        {
     43            backgroundColor
     44        }
     45    }
     46
     47    ;
     48}
     49
     50#offcanvas_menu_inner li.menu-item>a
     51{
     52    border-bottom: 1px
     53    {
     54        {
     55            borderColor
     56        }
     57    }
     58
     59    solid;
     60
     61    color:
     62    {
     63        {
     64            fontColor
     65        }
     66    }
     67
     68    ;
     69}
     70
     71#offcanvas_container .close-sidebar-inner
     72{
     73    border-bottom: 1px
     74    {
     75        {
     76            borderColor
     77        }
     78    }
     79
     80    solid;
     81}
     82
     83#offcanvas_container .close-sidebar-inner span:first-child
     84{
     85    color:
     86    {
     87        {
     88            closeColor
     89        }
     90    }
     91
     92    ;
     93}
     94
     95#offcanvas_container .close-sidebar-inner .fa:before,
     96#offcanvas_container .close-sidebar-inner .fa:after
     97{
     98    background-color:
     99    {
     100        {
     101            closeColor
     102        }
     103    }
     104
     105    ;
     106}
     107
     108#offcanvas_container .close-sidebar-inner
     109{
     110    background-color:
     111    {
     112        {
     113            closeBackground
     114        }
     115    }
     116
     117    ;
     118}
     119
     120#offcanvas_menu_inner>li.menu-item.visible>a,
     121#offcanvas_menu_inner>li.menu-item.visible>ul>li.menu-item.visible>a
     122{
     123    color:
     124    {
     125        {
     126            openFont
     127        }
     128    }
     129
     130    ;
     131
     132    background-color:
     133    {
     134        {
     135            openBackground
     136        }
     137    }
     138
     139    ;
     140}
     141
     142#offcanvas_container #offcanvas_menu_inner>li.menu-item>ul.sub-menu>li.menu-item-has-children>a:after,
     143#offcanvas_container #offcanvas_menu_inner>li.menu-item>ul.sub-menu>li>ul.sub-menu>li.menu-item-has-children>a:after
     144{
     145    background-color:
     146    {
     147        {
     148            rightArrowBackground
     149        }
     150    }
     151
     152    ;
     153
     154    color:
     155    {
     156        {
     157            rightArrowFontColor
     158        }
     159    }
     160
     161    ;
     162}
     163
     164#offcanvas_container #offcanvas_menu_inner>li.menu-item.menu-item-has-children>a:after
     165{
     166    background-color:
     167    {
     168        {
     169            rightArrowBackground
     170        }
     171    }
     172
     173    ;
     174
     175    color:
     176    {
     177        {
     178            rightArrowFontColor
     179        }
     180    }
     181
     182    ;
     183}
     184
     185#offcanvas_menu_inner>li.menu-item>ul>li.menu-item>ul
     186{
     187    background-color:
     188    {
     189        {
     190            backgroundColor
     191        }
     192    }
     193
     194    ;
     195}
     196
     197#offcanvas_menu_inner>li.menu-item>ul.sub-menu,
     198#offcanvas_menu_inner>li.menu-item>ul.sub-menu>li>ul.sub-menu,
     199#offcanvas_menu_inner>li.menu-item>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu
     200{
     201    background-color:
     202    {
     203        {
     204            submenuBackground
     205        }
     206    }
     207
     208    ;
     209}
     210
     211@media screen and (max-width:
     212    {
     213        {
     214            maxWidth
     215        }
     216    }
     217
     218    px)
     219{
     220    .et_header_style_left #et-top-navigation
     221    {
     222        display: block;
     223    }
     224
     225    #et_mobile_nav_menu
     226    {
     227        display: block;
     228    }
     229
     230    #top-menu
     231    {
    75232        display: none;
    76233    }
    77234}
    78235
    79 {% if not alwaysActive and maxWidth <= 980 %}
    80 @media (max-width: 980px) and (min-width: {{maxWidth + 1}}px) {
    81     #top-menu {
    82         display: block;
    83     }
    84     #et_mobile_nav_menu {
     236{
     237    % if not alwaysActive and maxWidth <=980 %
     238}
     239
     240@media (max-width: 980px) and (min-width:
     241    {
     242        {
     243            maxWidth + 1
     244        }
     245    }
     246
     247    px)
     248{
     249    #top-menu
     250    {
     251        display: block;
     252    }
     253
     254    #et_mobile_nav_menu
     255    {
    85256        display: none;
    86257    }
    87258}
    88 {% endif %}
    89 
    90 {% if alwaysActive %}
    91     @media (min-width: 980px) {
    92     #top-menu {
     259
     260{
     261    % endif %
     262}
     263
     264{
     265    % if alwaysActive %
     266}
     267
     268@media (min-width: 980px)
     269{
     270    #top-menu
     271    {
    93272        display: none;
    94273    }
    95     #et_mobile_nav_menu {
    96         display: block;
    97     }
    98 }
    99 {% endif %}
     274
     275    #et_mobile_nav_menu
     276    {
     277        display: block;
     278    }
     279}
     280
     281{
     282    % endif %
     283}
  • aweos-offcanvas-menu/trunk/aweos-offcanvas-menu.php

    r3237938 r3243313  
    44Plugin URI:  https://developer.wordpress.org/plugins/aweos-offcanvas-menu/
    55Description: Displays an offcanvas menu
    6 Version:     2.0.6
     6Version:     2.0.7
    77Author:      AWEOS GmbH
    88Author URI:  https://aweos.de
     
    513513                display: none !important;
    514514            }
    515             #top-menu-nav, #top-menu {
    516                 display: block !important;
    517             }
     515           
    518516        }
    519517        ';
     
    897895            #top-menu-nav, #top-menu {
    898896                display: block !important;
     897                display: flex !important;
    899898            }
    900899        }
  • aweos-offcanvas-menu/trunk/readme.txt

    r3237938 r3243313  
    88Requires: jQuery
    99Stable tag: trunk
    10 Version: 2.0.5
     10Version: 2.0.7
    1111License: GPL v2 or later
    1212License URI: http://www.gnu.org/licenses/gpl-2.0.txt
     
    5050
    5151== Changelog ==
     52
     53### 2.0.7
     54* Increased compatibility with various WordPress menus
     55
    5256### 2.0.6
    5357* Fixed a bug where checkboxes were not shown
Note: See TracChangeset for help on using the changeset viewer.