Making WordPress.org

Changeset 9493


Ignore:
Timestamp:
02/11/2020 07:25:34 PM (4 years ago)
Author:
coffee2code
Message:

Support Hub, ToC: Improve ToC styling.

Improves overall alignment and styling of list subitems.

Props milana_cap.
Fixes #4692.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/plugins/support-helphub/inc/table-of-contents-lite/assets/css/style.css

    r8217 r9493  
    33.content-area h3,
    44.content-area h4 {
    5     margin: 0.4em 0 1.1em 0;
     5    margin: 0.4em 0 1.1em 0;
    66    font-weight: 400;
    77    border-bottom: 0 none;
     
    3939    width: 250px;
    4040    background-color: #fff;
    41     box-shadow: 0 0 8px rgba(0,0,0,0.1);
     41    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    4242    border: 1px solid #eee;
    4343    border-radius: 3px;
     
    4646    position: relative;
    4747    color: #555d66;
     48    line-height: 1.278rem;
    4849}
    4950
    5051@media (min-width: 971px) {
    5152
    52     div.table-of-contents   {
     53    div.table-of-contents {
    5354        margin: -15px -30px 15px 15px;
    5455    }
     
    6364
    6465.table-of-contents h2.toc-title {
     66
    6567    /**
    6668     * originally font-size is 1.3em defined in wporg-breathe theme,
     
    7173     * Recently edited to use rem values instead of pixels.
    7274     */
     75    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    7376    margin: 0;
    74     padding: 7px 12px;
    75     font-size: 0.95rem;
    76     font-weight: 400;
    77     color: #32373c;
     77    font-size: 0.94rem;
     78    padding: 0.39rem 0.67rem;
     79    border-bottom: 1px solid #eee;
    7880    text-transform: uppercase;
    79     border-bottom: 1px solid #eee;
    8081}
    8182
     
    8485 */
    8586.table-of-contents .items {
    86     font-size: 0.8rem;
     87    font-size: 0.754rem;
    8788    margin: 0;
    8889    list-style-type: none;
    89     padding: 1rem;
     90    padding: 0.67rem;
    9091}
    9192
    9293.table-of-contents .items li {
    93     padding: 4px;
     94    padding: 0.2222rem;
    9495}
    9596
     
    100101
    101102/**
    102  * Hiding second level table of contents links.
    103  * With the second level, things looks too messy and
    104  * information in the small area is too overwhelming.
    105  */
    106 .table-of-contents .items li ul {
    107     display: none;
    108 }
    109 
    110 /**
    111103 * This should be inherited from p2-breathe
    112104 */
    113 .table-of-contents .items li a {
    114     word-break: break-word;
    115 }
    116 
    117105.table-of-contents .items li a,
    118106.table-of-contents .items li a:visited {
     
    129117 */
    130118.table-of-contents .items li ul {
    131     list-style: disc;
    132     margin-left: 16px;
    133 }
    134 
    135 .table-of-contents .items li ul li {
    136     list-style: disc;
     119    list-style: circle;
     120    margin-left: 1.1944rem;
    137121}
    138122
     
    140124.toc-heading:target {
    141125    border-left: 5px solid #0073aa;
    142     padding-left: 5px;
    143     margin-left: -10px;
     126    padding-left: 0.278rem;
     127    margin-left: -0.556rem;
    144128}
    145129
     
    147131    position: relative;
    148132    height: 50px;
    149     text-align:right;
    150     font-size: 12px;
     133    text-align: right;
     134    font-size: 0.67rem;
    151135}
    152136
    153 p.toc-jump:after {
    154     content: '';
     137p.toc-jump::after {
     138    content: "";
    155139    display: table;
    156140    clear: both;
Note: See TracChangeset for help on using the changeset viewer.