WordPress.org
Get WordPress

Plugin Directory

Changeset 2777681


Ignore:
Timestamp:
08/30/2022 10:25:34 AM (4 years ago)
Author:
whiteshadow
Message:

Fixed minor spacing issues with the "edit plugin details" panel. Updated the button order and layout to match the new order of the "Quick Edit" panel: all buttons together on the left side, with the primary action being first.

Location:
admin-menu-editor/trunk/modules/plugin-visibility
Files:
4 edited

Legend:

Unmodified
Added
Removed

  • admin-menu-editor/trunk/modules/plugin-visibility/plugin-visibility-template.php

    r2727753 r2777681  
    7676                style="display: none;">
    7777                <td class="colspanchange" colspan="3">
    78                     <fieldset class="ame-pv-inline-edit-left">
    79                         <legend class="inline-edit-legend" data-bind="text: defaultProperties['name']">
    80                             Edit Plugin Properties
    81                         </legend>
    82                         <div class="inline-edit-col">
    83                             <label>
    84                                 <span class="title">Name</span>
    85                                 <span class="input-text-wrap">
    86                                     <input type="text" data-bind="value: editableProperties['name']" class="ame-pv-custom-name">
     78                    <div class="inline-edit-wrapper">
     79                        <fieldset class="ame-pv-inline-edit-left">
     80                            <legend class="inline-edit-legend" data-bind="text: defaultProperties['name']">
     81                                Edit Plugin Properties
     82                            </legend>
     83                            <div class="inline-edit-col">
     84                                <label>
     85                                    <span class="title">Name</span>
     86                                    <span class="input-text-wrap">
     87                                    <input type="text" data-bind="value: editableProperties['name']"
     88                                           class="ame-pv-custom-name">
    8789                                </span>
    88                             </label>
    89                             <label>
    90                                 <span class="title">Author</span>
    91                                 <span class="input-text-wrap">
    92                                     <input type="text" data-bind="value: editableProperties['author']" class="ame-pv-custom-author">
     90                                </label>
     91                                <label>
     92                                    <span class="title">Author</span>
     93                                    <span class="input-text-wrap">
     94                                    <input type="text" data-bind="value: editableProperties['author']"
     95                                           class="ame-pv-custom-author">
    9396                                </span>
    94                             </label>
    95                             <label>
    96                                 <span class="title">Site URL</span>
    97                                 <span class="input-text-wrap">
    98                                     <input type="text" data-bind="value: editableProperties['siteUrl']" class="ame-pv-custom-site-url">
     97                                </label>
     98                                <label>
     99                                    <span class="title">Site URL</span>
     100                                    <span class="input-text-wrap">
     101                                    <input type="text" data-bind="value: editableProperties['siteUrl']"
     102                                           class="ame-pv-custom-site-url">
    99103                                </span>
    100                             </label>
    101                             <label>
    102                                 <span class="title">Version</span>
    103                                 <span class="input-text-wrap">
    104                                     <input type="text" data-bind="value: editableProperties['version']" class="ame-pv-custom-version-number">
     104                                </label>
     105                                <label>
     106                                    <span class="title">Version</span>
     107                                    <span class="input-text-wrap">
     108                                    <input type="text" data-bind="value: editableProperties['version']"
     109                                           class="ame-pv-custom-version-number">
    105110                                </span>
    106                             </label>
    107                         </div>
    108                     </fieldset>
    109                     <fieldset class="ame-pv-inline-edit-right">
    110                         <div class="inline-edit-col">
    111                             <label>
    112                                 <span class="title">Description</span>
    113                                 <textarea name="plugin-description" cols="30" rows="5"
    114                                           class="ame-pv-custom-description"
    115                                           data-bind="value: editableProperties['description']"></textarea>
    116                             </label>
    117                         </div>
    118                     </fieldset>
     111                                </label>
     112                            </div>
     113                        </fieldset>
     114                        <fieldset class="ame-pv-inline-edit-right">
     115                            <div class="inline-edit-col">
     116                                <label>
     117                                    <span class="title">Description</span>
     118                                    <textarea name="plugin-description" cols="30" rows="5"
     119                                              class="ame-pv-custom-description"
     120                                              data-bind="value: editableProperties['description']"></textarea>
     121                                </label>
     122                            </div>
     123                        </fieldset>
    119124
    120                     <p class="submit">
    121                         <?php
    122                         submit_button(
    123                             'Cancel',
    124                             'secondary cancel alignleft',
    125                             'pv-cancel',
    126                             false,
    127                             array(
    128                                 'data-bind' => 'click: cancelEdit.bind($data)'
    129                             )
    130                         );
    131                         ?>
     125                        <p class="submit">
     126                            <?php
     127                            submit_button(
     128                                'Update',
     129                                'primary save',
     130                                'pv-update',
     131                                false,
     132                                array(
     133                                    'data-bind' => 'click: confirmEdit.bind($data)',
     134                                )
     135                            );
     136                            ?>
    132137
    133                         <a class="alignleft ame-pv-inline-reset" href="#"
    134                            title="Reset name and description to default values"
    135                            data-bind="click: resetNameAndDescription.bind($data)">Reset to default</a>
     138                            <?php
     139                            submit_button(
     140                                'Cancel',
     141                                'secondary cancel',
     142                                'pv-cancel',
     143                                false,
     144                                array(
     145                                    'data-bind' => 'click: cancelEdit.bind($data)',
     146                                )
     147                            );
     148                            ?>
    136149
    137                         <?php
    138                         submit_button(
    139                             'Update',
    140                             'primary save alignright',
    141                             'pv-update',
    142                             false,
    143                             array(
    144                                 'data-bind' => 'click: confirmEdit.bind($data)'
    145                             )
    146                         );
    147                         ?>
    148                         <br class="clear">
    149                     </p>
     150                            <a class="ame-pv-inline-reset" href="#"
     151                               title="Reset name and description to default values"
     152                               data-bind="click: resetNameAndDescription.bind($data)">Reset to default</a>
     153
     154                            <br class="clear">
     155                        </p></div>
    150156                </td>
    151157            </tr>

  • admin-menu-editor/trunk/modules/plugin-visibility/plugin-visibility.css

    r2696593 r2777681  
    6868  height: 9em;
    6969}
    70 #ame-plugin-visibility-editor .inline-edit-row .ame-pv-inline-reset {
    71   line-height: 28px;
    72   margin-left: 1em;
    73 }
    7470#ame-plugin-visibility-editor .inline-edit-row td {
    7571  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    … …  
    7874  margin-bottom: 0.2em;
    7975}
     76#ame-plugin-visibility-editor .inline-edit-row .submit .button {
     77  margin-right: 0.62em;
     78}
     79#ame-plugin-visibility-editor .inline-edit-row .submit .cancel {
     80  margin-right: 1em;
     81}
     82#ame-plugin-visibility-editor .inline-edit-row .ame-pv-inline-reset {
     83  line-height: 28px;
     84}
    8085#ame-plugin-visibility-editor .inline-edit-row .inline-edit-legend {
    8186  margin: 0;
    82   padding: 0.2em 0.5em 0;
     87  padding: 0.2em 0.5em 0 0;
    8388  line-height: 2.5;
    8489  font-weight: 600;

  • admin-menu-editor/trunk/modules/plugin-visibility/plugin-visibility.css.map

    r2696593 r2777681  
    1 {"version":3,"sourceRoot":"","sources":["plugin-visibility.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;;;AAGD;AAAA;AAAA;AAGA;AAAA;EAEC;;;AAGD;AAAA;AAAA;EAGC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;;;AAGD;AAAA;AAAA;AAIA;EACC;EACA;EACA;;;AAID;EACC;;;AAGD;AAAA;AAAA;AAKC;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;;AAIF;AAAA;AAAA;AAAA;AAKC;EACC;EACA;;AAEA;EACC;;AAIF;EACC;EACA;EACA;;AAGD;EACC","file":"plugin-visibility.css"}
     1{"version":3,"sourceRoot":"","sources":["plugin-visibility.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;;;AAGD;AAAA;AAAA;AAGA;AAAA;EAEC;;;AAGD;AAAA;AAAA;EAGC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;;;AAGD;AAAA;AAAA;AAIA;EACC;EACA;EACA;;;AAID;EACC;;;AAGD;AAAA;AAAA;AAKC;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;;AAIF;AAAA;AAAA;AAAA;AAKC;EACC;EACA;;AAEA;EACC;;AAIF;EACC;EACA;EACA;;AAGD;EACC","file":"plugin-visibility.css"}

  • admin-menu-editor/trunk/modules/plugin-visibility/plugin-visibility.scss

    r2054692 r2777681  
    7878    }
    7979
    80     .ame-pv-inline-reset {
    81         line-height: 28px;
    82         margin-left: 1em;
    83     }
    84 
    8580    td {
    8681        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    … …  
    9186    }
    9287
     88    .submit .button {
     89        margin-right: 0.62em;
     90    }
     91
     92    .submit .cancel {
     93        margin-right: 1em;
     94    }
     95
     96    .ame-pv-inline-reset {
     97        line-height: 28px;
     98    }
     99
    93100    .inline-edit-legend {
    94101        margin: 0;
    95         padding: 0.2em 0.5em 0;
     102        padding: 0.2em 0.5em 0 0;
    96103        line-height: 2.5;
    97104        font-weight: 600;
Note: See TracChangeset for help on using the changeset viewer.