WordPress.org
Get WordPress

Plugin Directory

Changeset 2361571


Ignore:
Timestamp:
08/15/2020 12:46:15 AM (6 years ago)
Author:
josesotelocohen
Message:

tested to 5.5
changed sizes to px

Location:
blackout-darkmode-widget
Files:
18 added
2 edited

Legend:

Unmodified
Added
Removed

  • blackout-darkmode-widget/trunk/blackout.php

    r2355057 r2361571  
    44Plugin Name: Blackout: Dark Mode Widget
    55Description: Adds a toggle widget to your website that activates dark mode on click.
    6 Version: 2.0.1
     6Version: 2.0.2
    77Author: José Sotelo
    88Author URI: https://inboundlatino.com
    … …  
    318318    {
    319319        printf(
    320             '<input type="range" min="1" max="5" step="1" id="blackout_button_size" name="blackout_options[blackout_button_size]" value="%s" />',
     320            '<input type="range" min="80" max="150" step="10" id="blackout_button_size" name="blackout_options[blackout_button_size]" value="%s" />',
    321321            isset( $this->options['blackout_button_size'] ) ? esc_attr( $this->options['blackout_button_size']) : ''
    322322        );
    … …  
    325325    {
    326326        printf(
    327             '<input type="range" min="1.5" max="5.5" step="1" id="blackout_icon_size" name="blackout_options[blackout_icon_size]" value="%s" />',
     327            '<input type="range" min="30" max="100" step="10" id="blackout_icon_size" name="blackout_options[blackout_icon_size]" value="%s" />',
    328328            isset( $this->options['blackout_icon_size'] ) ? esc_attr( $this->options['blackout_icon_size']) : ''
    329329        );
    … …  
    377377    wp_enqueue_style('blackout_style', plugin_dir_url( __FILE__ ) . 'css/blackout.css');
    378378    $blackout_custom_css = ".darkmode-toggle>img{
    379             width: {$blackout_options['blackout_icon_size']}rem !important;
    380             height:{$blackout_options['blackout_icon_size']}rem !important;
     379            width: {$blackout_options['blackout_icon_size']}px !important;
     380            height:{$blackout_options['blackout_icon_size']}px !important;
    381381        }
    382382        .darkmode-toggle {
    383             width:{$blackout_options['blackout_button_size']}rem !important;
    384             height:{$blackout_options['blackout_button_size']}rem !important;
     383            width:{$blackout_options['blackout_button_size']}px !important;
     384            height:{$blackout_options['blackout_button_size']}px !important;
     385        }
     386        .darkmode-layer--button{
     387           
    385388        }
    386389        ";
    … …  
    392395    $blackout_match_os = "false";
    393396    $blackout_toggle = "const darkmode = new Darkmode(options); darkmode.showWidget();";
    394     $blackout_bottom = "false";
    395     $blackout_left = "false";
    396     $blackout_right = "false";
     397    $blackout_bottom = "32px";
     398    $blackout_left = "unset";
     399    $blackout_right = "32px";
    397400    $blackout_time = "false";
    398401
    … …  
    417420    $blackout_options['blackout_bottom'] !== '' ? $blackout_bottom = $blackout_options['blackout_bottom'] : $blackout_bottom = '32px';
    418421    $blackout_options['blackout_right'] !== '' ? $blackout_right = $blackout_options['blackout_right'] : $blackout_right = '32px';
    419     $blackout_options['blackout_left'] !== '' ? $blackout_left = $blackout_options['blackout_left'] : $blackout_left = 'unset';
     422    $blackout_options['blackout_left'] !== '' ? $blackout_left = $blackout_options['blackout_left'] : $blackout_left = '32px';
    420423    $blackout_options['blackout_time'] !== '' ? $blackout_time = $blackout_options['blackout_time'] : $blackout_time = '0.3s';
    421424
    … …  
    436439        }
    437440        {$blackout_toggle}
     441        ";
     442
     443        $blackout_layer_css = "
     444        .darkmode-layer--button{
     445            bottom: '{$blackout_bottom}',
     446            right: 'unset',
     447            left: '{$blackout_left}'
     448        }
    438449        ";
    439450    }elseif ($blackout_options['blackout_right_bottom'] == '1'){
    … …  
    452463         {$blackout_toggle}
    453464         ";
     465        $blackout_layer_css = "
     466        .darkmode-layer--button{
     467            bottom: '{$blackout_bottom}',
     468            right: '{$blackout_right}',
     469            left: 'unset'
     470        }
     471        ";
    454472    }else{
    455473        $blackout_custom_js = "
    … …  
    467485        {$blackout_toggle}
    468486        ";
    469     }
    470 
    471 
    472     wp_add_inline_script('blackout_script', $blackout_custom_js);
     487        $blackout_layer_css = "
     488        .darkmode-layer--button{
     489            bottom: '{$blackout_bottom}',
     490            right: '{$blackout_right}',
     491            left: '{$blackout_left}'
     492        }
     493        ";
     494    }
     495
     496    wp_add_inline_style('blackout_style', $blackout_layer_css);
     497    wp_add_inline_script('blackout_script', $blackout_custom_js);
    473498}
    474499function blackout_init(){

  • blackout-darkmode-widget/trunk/readme.txt

    r2355057 r2361571  
    44Tags: dark, dark mode, dark mode widget, darkmode, darkmode widget
    55Requires at least: 4.7
    6 Tested up to: 5.2
     6Tested up to: 5.5
    77Requires PHP: 5.4
    8 Stable tag: 2.0.1
     8Stable tag: 2.0.2
    99License: GPLv3
    1010License URI: https://www.gnu.org/licenses/gpl-3.0.html
    … …  
    2727
    2828Please submit it in our [Github Repo](https://github.com/JoseSoteloCohen/Blackout-WordPress-Dark-mode-Widget/issues)
     29
     30**Want to receive updates on your email?**
     31
     32[Yes, I want!](https://sendfox.com/lp/1jovzq)
    2933
    3034**Want to use your own widget or element as toggle?**
    … …  
    8690== Changelog ==
    8791
     92= 2.0.2 - 2020-08-14 =
     93
     94* Modified how the sizes work, changes from rem to px.
     95
    8896= 2.0.1 - 2020-08-08 =
    8997
Note: See TracChangeset for help on using the changeset viewer.