WordPress.org
Get WordPress

Plugin Directory

Changeset 2448707


Ignore:
Timestamp:
01/01/2021 02:46:10 AM (5 years ago)
Author:
patrickpelayo
Message:

version 1.1 released, the widget is better styled.

Location:
search-star-wars-stuff/trunk
Files:
6 edited

Legend:

Unmodified
Added
Removed

  • search-star-wars-stuff/trunk/readme.txt

    r2447123 r2448707  
    44Requires at least: 5.5.3
    55Tested up to: 5.6.0
    6 Stable tag: 1.0.0
     6Stable tag: 1.1.0
    77Requires PHP: 7.0
    88License: GPLv2 or later
    … …  
    4848== Changelog ==
    4949
     50= 1.1 =
     51* updated the appearance of the plugin
     52
    5053= 1.0 =
    5154* first release
    5255   
    5356== Upgrade Notice ==
     57
     58= 1.1 =
     59* Provides a better apperance of the widget.
    5460
    5561= 1.0 =

  • search-star-wars-stuff/trunk/src/css/widget.css

    r2447123 r2448707  
    11.starWarsWidget {
    2   font-family: "Lato", sans-serif;
    3   font-family: "Merriweather Sans", sans-serif;
    42  border: 2px inset black;
    53  min-height: 200px;
    6   padding: 1em 0 1em 0;
    7   background: lightgray;
    8 }
    9 .starWarsWidget form {
    10   width: 70%;
    11   margin-left: auto;
    12   margin-right: auto;
     4  padding: 1em 2em 1em 2em;
     5  max-width: 18em;
     6  background: white;
    137}
    148.starWarsWidget form label {
    15   text-align: center;
    16   margin-bottom: 1em;
    17   font-size: 24px;
    18   font-weight: bold;
     9  font-family: "Luckiest Guy", cursive;
     10  font-size: 29px;
     11  color: black;
     12  display: block;
     13  margin-bottom: 8px;
     14  width: 110%;
    1915}
    2016.starWarsWidget form input {
    2117  border: 2px outset black;
     18  width: 100%;
     19}
     20.starWarsWidget form input:focus {
     21  border: 2px outset lightblue;
     22  outline: none;
     23  width: 100%;
    2224}
    2325.starWarsWidget ul {
    24   width: 70%;
     26  font-family: "Libre Caslon Text", serif;
    2527  margin-top: 2em;
    26   margin-left: auto;
    27   margin-right: auto;
    28   padding-left: 1em;
    29 }
    30 @media only screen and (max-width: 450px) {
    31   .starWarsWidget ul {
    32     width: 90%;
    33   }
    3428}
    3529.starWarsWidget ul li {
    3630  display: grid;
    37   grid-template-columns: 55% auto;
     31  grid-template-columns: 50% auto;
     32  margin-bottom: 1em;
     33  line-height: 1.3;
    3834}
    3935.starWarsWidget ul li div:nth-child(1) {
    40   font-weight: 600;
     36  font-weight: 700;
     37  text-align: left;
     38  font-size: 23px;
    4139}
    4240.starWarsWidget ul li div:nth-child(2) {
    4341  text-align: right;
    44   padding-right: 20px;
     42  font-weight: 400;
     43  align-self: end;
    4544}
    4645
    … …  
    5453  border: 1px outset black;
    5554  margin: 0;
    56   padding: 0.5rem 0 0 2rem;
     55  padding: 0.5rem 0 0 0rem;
     56  font-family: "Libre Caslon Text", serif;
     57}
     58
     59.ui-menu-item {
     60  margin: 0;
     61  padding: 0.5rem 0 0 0rem;
     62  font-family: "Libre Caslon Text", serif;
    5763}
    5864

  • search-star-wars-stuff/trunk/src/css/widget.css.map

    r2447123 r2448707  
    1 {"version":3,"sourceRoot":"","sources":["widget.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAEJ;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA;;AAGA;EARJ;IASQ;;;AAGJ;EACI;EACA;;AACA;EACI;;AAEJ;EACI;EACA;;;AAQhB;EAA+B;EAAoB;;;AAGnD;EACI;EACA;EACA;EACA","file":"widget.css"}
     1{"version":3,"sourceRoot":"","sources":["widget.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;EACA;;AAII;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAGR;EACI;EACA;;AAQA;EACI;EACA;EAEA;EACA;;AAEA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;;AAQhB;EAA+B;EAAoB;;;AAGnD;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA","file":"widget.css"}

  • search-star-wars-stuff/trunk/src/css/widget.scss

    r2447123 r2448707  
    11.starWarsWidget{
    2     font-family: 'Lato', sans-serif;
    3     font-family: 'Merriweather Sans', sans-serif;
    42    border:2px inset black;
    53    min-height:200px;
    6     padding: 1em 0 1em 0;
    7     background:lightgray;
    8    
     4    padding: 1em 2em 1em 2em;
     5    max-width:18em;
     6    background:white;
    97    form{
    10         width:70%;
    11         margin-left:auto;
    12         margin-right:auto;
     8       
    139       
    1410        label{
    15             text-align: center;
    16             margin-bottom:1em;
    17             font-size:24px;
    18             font-weight: bold;
     11            font-family: 'Luckiest Guy', cursive;
     12            font-size:29px;
     13            color:black;
     14            display:block;
     15            margin-bottom:8px;
     16            width:110%;
    1917        }
    2018        input{
    2119            border:2px outset black;
     20            width:100%;
     21        }
     22        input:focus{
     23            border:2px outset lightblue;
     24            outline:none;
     25            width:100%;
    2226        }
    2327    }
    2428    ul{
    25         width:70%;
     29        font-family: 'Libre Caslon Text', serif;
    2630        margin-top:2em;
    27         margin-left:auto;
    28         margin-right:auto;
    29         padding-left:1em;
     31       
    3032       
    3133        //for mobile widths
    3234        @media only screen and (max-width: 450px) {
    33             width:90%;
     35            //width:90%;
    3436        }
    3537       
    3638        li{
    3739            display:grid;
    38             grid-template-columns: 55% auto;
     40            grid-template-columns: 50% auto;
     41           
     42            margin-bottom:1em;
     43            line-height: 1.3;
     44           
    3945            div:nth-child(1){
    40                 font-weight: 600;
     46                font-weight: 700;
     47                text-align: left;
     48                font-size:23px;
    4149            }
    4250            div:nth-child(2){
    4351                text-align: right;
    44                 padding-right:20px;
     52                font-weight: 400;
     53                align-self:end;
    4554            }
    4655        }
    … …  
    5766    border: 1px outset black;
    5867    margin:0;
    59     padding:0.5rem 0 0 2rem;
     68    padding:0.5rem 0 0 0rem;
     69    font-family: 'Libre Caslon Text', serif;
    6070}
     71
     72.ui-menu-item{
     73    margin:0;
     74    padding:0.5rem 0 0 0rem;
     75    font-family: 'Libre Caslon Text', serif;
     76}

  • search-star-wars-stuff/trunk/src/init.php

    r2447123 r2448707  
    1515        wp_enqueue_script ( 'starWarsConstantsjs', plugin_dir_url( __FILE__ ) . 'js/constants.js');
    1616        wp_enqueue_script ( 'starWarsWidgetjs', plugin_dir_url( __FILE__ ) . 'js/widget.js',$dependencies,false,true);
    17         wp_enqueue_style ('starWarsFont',"https://fonts.googleapis.com/css2?family=Lato:wght@300&family=Merriweather+Sans:wght@300&display=swap");//Merriweather Sans font
     17        wp_enqueue_style ('starWarsFont',"https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:wght@400;700&family=Luckiest+Guy&display=swap");//luckiest guy + libre caslon 400 && 700
     18       
    1819        wp_enqueue_style ( 'jqueryUIcssStarWars', plugin_dir_url( __FILE__ ) . 'css/jqueryAutoComplete.css'); //take from jquery ui css theme builder
    1920        wp_enqueue_style ( 'starWarsWidgetCSS', plugin_dir_url( __FILE__ ) . 'css/widget.css');

  • search-star-wars-stuff/trunk/src/js/widget.js

    r2447123 r2448707  
    131131                    let regEx = /_/g;
    132132                    let col = i.replace(regEx, " ");
     133                    col = col.charAt(0).toUpperCase() + col.slice(1); //set first letter to uppercase
    133134                    record[i] = modifyResults(i,record[i]);
     135                   
    134136                    let printOut = '<div>' + col +':</div>' + '<div>' + record[i] + '</div>';
    135137                    ol.append('<li class="' + PPSTARWARSCONST.OUTPUT_CLASSNAME +'">'+ printOut +'</li>');
Note: See TracChangeset for help on using the changeset viewer.