WordPress.org
Get WordPress

Plugin Directory

Changeset 3074341


Ignore:
Timestamp:
04/20/2024 11:03:24 PM (2 years ago)
Author:
izem
Message:

Updated CSS for mobile/narrow display, and bumped tested up-to 6.5

Location:
run-log/trunk
Files:
4 edited

Legend:

Unmodified
Added
Removed

  • run-log/trunk/readme.txt

    r2958583 r3074341  
    33Tags: training log, training diary, running, sport, run log, run diary, running log, run, strava, garmin connect, garmin, jogging, total distance, total time, total duration, share runs
    44Requires at least: 4.0
    5 Tested up to: 6.3
    6 Stable tag: 1.7.6
     5Tested up to: 6.5
     6Stable tag: 1.7.7
    77License: GPLv2 (or later)
    88License URI: https://wordpress.org/about/gpl/
    … …  
    149149== Changelog ==
    150150
     151= 1.7.7 =
     152* Updated CSS for mobile/narrow display.
     153
    151154= 1.7.6 =
    152 * Update Garmin enbed URL
     155* Update Garmin embed URL
    153156
    154157= 1.7.5 =

  • run-log/trunk/run-log-rtl.css

    r2389546 r3074341  
    33 */
    44
    5  .oirl .bottom { vertical-align: bottom; }
    6  .oirl .super { vertical-align: super; }
    7  .oirl .sub { vertical-align: sub; }
    8  .oirl .bold { font-weight: bold; }
    9  .oirl .smaller { font-size: 75%; }
     5.oirl .bottom {
     6    vertical-align: bottom;
     7}
     8
     9.oirl .super {
     10    vertical-align: super;
     11}
     12
     13.oirl .sub {
     14    vertical-align: sub;
     15}
     16
     17.oirl .bold {
     18    font-weight: bold;
     19}
     20
     21.oirl .smaller {
     22    font-size: 75%;
     23}
    1024
    1125.oirl-light {
    … …  
    2135.oirl-data-box {
    2236    border-radius: 13px;
    23   box-shadow: 2px 2px;
    24   font-family: "helvetica neue", helvetica, sans-serif;
    25   height: 60px;
    26   margin: 15px auto;
    27   padding: 5px;
    28   width: 490px;
    29 }
    30 .oirl-light.oirl-data-box { border: 1px dotted black; }
    31 .oirl-dark.oirl-data-box { border: 1px dotted #fff; }
     37    box-shadow: 2px 2px;
     38    font-family: "helvetica neue", helvetica, sans-serif;
     39    height: 60px;
     40    margin: 15px auto;
     41    padding: 5px;
     42    width: 490px;
     43}
     44
     45.oirl-light.oirl-data-box {
     46    border: 1px dotted black;
     47}
     48
     49.oirl-dark.oirl-data-box {
     50    border: 1px dotted #fff;
     51}
    3252
    3353.oirl-data-box .oirl-data {
    34   float: right;
    35   font-size: 16px;
    36   line-height: normal;
    37   margin: 0 5px 3px;
    38   position: relative;
    39   width: 30%;
     54    float: right;
     55    font-size: 16px;
     56    line-height: normal;
     57    margin: 0 5px 3px;
     58    position: relative;
     59    width: 30%;
    4060}
    4161
    … …  
    4767
    4868.oirl-data-box .oirl-data-desc {
    49   bottom: -5px; right: 5px;
    50   color: #999;
    51   font-size: 11px;
    52   font-weight: bold;
    53   position: absolute;
     69    bottom: -5px;
     70    right: 5px;
     71    color: #999;
     72    font-size: 11px;
     73    font-weight: bold;
     74    position: absolute;
     75}
     76
     77/* for narrow display use @container at-rule */
     78#content {
     79    container-type: inline-size;
     80    container-name: entry-content;
     81}
     82
     83@container entry-content (width < 500px) {
     84    .oirl-data-box {
     85        height: 140px;
     86        margin: 0 5px 10px;
     87        width: unset;
     88    }
     89
     90    .oirl-data-box .oirl-data {
     91        width: 95%;
     92        height: 33px;
     93        margin: 0 5px 10px;
     94    }
    5495}
    5596
    5697/* counter */
    57 .oirl-total-box { text-align: center; }
     98.oirl-total-box {
     99    text-align: center;
     100}
     101
    58102.oirl-light.oirl-total-box,
    59103.oirl-dark.oirl-total-box {
    60   background-color: inherit;
    61   color: inherit;
     104    background-color: inherit;
     105    color: inherit;
    62106}
    63107
    64108.oirl-total-box .oirl-data {
    65   border-radius: 5px;
    66   display: inline-block;
    67   margin: 3px auto;
    68   padding: 5px;
    69 }
     109    border-radius: 5px;
     110    display: inline-block;
     111    margin: 3px auto;
     112    padding: 5px;
     113}
     114
    70115.oirl-light.oirl-total-box .oirl-data {
    71116    color: #000;
    … …  
    73118    background-color: #bbb;
    74119}
     120
    75121.oirl-dark.oirl-total-box .oirl-data {
    76122    color: #fff;
    … …  
    87133}
    88134
    89 .oirl-light span.oirl-counter > span {
     135.oirl-light span.oirl-counter>span {
    90136    padding: 0 2px;
    91     background: #e2e2e2; /* Old Browsers */
    92     background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
    93     background: -webkit-gradient(left top, left bottom, color-stop(0%, #e2e2e2), color-stop(50%, #dbdbdb), color-stop(51%, #d1d1d1), color-stop(100%, #fefefe));/* Chrome, Safari4+ */
    94     background: -webkit-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* Chrome10+,Safari5.1+ */
    95     background: -o-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* Opera 11.10+ */
    96     background: -ms-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* IE 10+ */
    97     background: linear-gradient(to bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);/* W3C */
    98     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );/* IE6-9 */
    99 }
     137    background: #e2e2e2;
     138    /* Old Browsers */
     139    background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
     140    /* FF3.6+ */
     141    background: -webkit-gradient(left top, left bottom, color-stop(0%, #e2e2e2), color-stop(50%, #dbdbdb), color-stop(51%, #d1d1d1), color-stop(100%, #fefefe));
     142    /* Chrome, Safari4+ */
     143    background: -webkit-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
     144    /* Chrome10+,Safari5.1+ */
     145    background: -o-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
     146    /* Opera 11.10+ */
     147    background: -ms-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
     148    /* IE 10+ */
     149    background: linear-gradient(to bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
     150    /* W3C */
     151    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0);
     152    /* IE6-9 */
     153}
     154
    100155.oirl-light span.oirl-counter {
    101156    padding: 2px;
    … …  
    107162    background: -ms-linear-gradient(top, #fefefe 0%, #d1d1d1 50%, #dbdbdb 51%, #e2e2e2 100%);
    108163    background: linear-gradient(to bottom, #fefefe 0%, #d1d1d1 50%, #dbdbdb 51%, #e2e2e2 100%);
    109     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2', GradientType=0 );
    110 }
    111 
    112 .oirl-dark span.oirl-counter > span {
     164    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e2e2e2', GradientType=0);
     165}
     166
     167.oirl-dark span.oirl-counter>span {
    113168    padding: 0 2px;
    114169    background: #4c4c4c;
    … …  
    119174    background: -ms-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    120175    background: linear-gradient(to bottom, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    121     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );
    122 }
     176    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0);
     177}
     178
    123179.oirl-dark span.oirl-counter {
    124180    padding: 2px;
    … …  
    127183    background: -webkit-gradient(left top, left bottom, color-stop(0%, #131313), color-stop(12%, #1c1c1c), color-stop(25%, #2b2b2b), color-stop(39%, #111111), color-stop(50%, #000000), color-stop(51%, #2c2c2c), color-stop(60%, #474747), color-stop(76%, #666666), color-stop(91%, #595959), color-stop(100%, #4c4c4c));
    128184    background: -webkit-linear-gradient(top, #131313 0%, #1c1c1c 12%, #2b2b2b 25%, #111111 39%, #000000 50%, #2c2c2c 51%, #474747 60%, #666666 76%, #595959 91%, #4c4c4c 100%);
    129     background: -o-linear-gradient(top, #131313 0%,#1c1c1c 12%, #2b2b2b 25%, #111111 39%, #000000 50%, #2c2c2c 51%, #474747 60%, #666666 76%, #595959 91%, #4c4c4c 100%);
     185    background: -o-linear-gradient(top, #131313 0%, #1c1c1c 12%, #2b2b2b 25%, #111111 39%, #000000 50%, #2c2c2c 51%, #474747 60%, #666666 76%, #595959 91%, #4c4c4c 100%);
    130186    background: -ms-linear-gradient(top, #131313 0%, #1c1c1c 12%, #2b2b2b 25%, #111111 39%, #000000 50%, #2c2c2c 51%, #474747 60%, #666666 76%, #595959 91%, #4c4c4c 100%);
    131187    background: linear-gradient(to bottom, #131313 0%, #1c1c1c 12%, #2b2b2b 25%, #111111 39%, #000000 50%, #2c2c2c 51%, #474747 60%, #666666 76%, #595959 91%, #4c4c4c 100%);
    132     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#4c4c4c', GradientType=0 );
     188    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#131313', endColorstr='#4c4c4c', GradientType=0);
    133189}
    134190
    … …  
    139195    z-index: 9999;
    140196    max-width: 450px;
    141   color: #333;
    142   background-color: #ccc;
     197    color: #333;
     198    background-color: #ccc;
    143199    -webkit-box-shadow: 0 0 5px #aaa;
    144   -moz-box-shadow: 0 0 5px #aaa;
     200    -moz-box-shadow: 0 0 5px #aaa;
    145201    box-shadow: 0 0 5px #aaa;
    146202}
     203
    147204body .ui-tooltip {
    148205    border-width: 2px;

  • run-log/trunk/run-log.css

    r2389546 r3074341  
    5353    font-weight: bold;
    5454    color: #999;
     55}
     56
     57/* for narrow display use @container at-rule */
     58.entry-content {
     59    container-type: inline-size;
     60    container-name: entry-content;
     61}
     62
     63@container entry-content (width < 500px) {
     64    .oirl-data-box {
     65        height: 140px;
     66        margin: 0 5px 10px;
     67        width: unset;
     68    }
     69
     70    .oirl-data-box .oirl-data {
     71        width: 95%;
     72        height: 33px;
     73        margin: 0 5px 10px;
     74    }
    5575}
    5676

  • run-log/trunk/run-log.php

    r2917830 r3074341  
    1111 * Plugin URI: https://run-log.gameiz.net/
    1212 * Description: Adds running diary capabilities - log your sport activities with custom post type, custom fields and new taxonomies.
    13  * Version: 1.7.6
     13 * Version: 1.7.7
    1414 * Author: Oren Izmirli
    1515 * Author URI: https://profiles.wordpress.org/izem
    … …  
    406406    wp_enqueue_script( 'oirl-admin-script', plugin_dir_url( __FILE__ ) . '/js/admin-script.js', array( 'jquery', 'jquery-ui-tooltip' ), '1.0.1', true );
    407407    $css_file_name = 'run-log' . (is_rtl() ? '-rtl' : '') . '.css';
    408     wp_enqueue_style( 'oirl-css', plugin_dir_url( __FILE__ ) . "/$css_file_name", null, '1.2.0' );
     408    wp_enqueue_style( 'oirl-css', plugin_dir_url( __FILE__ ) . "/$css_file_name", null, '1.7.7' );
    409409}
    410410add_action( 'admin_enqueue_scripts', 'oirl_admin_scripts' );
Note: See TracChangeset for help on using the changeset viewer.