WordPress.org
Get WordPress

Plugin Directory

Changeset 3350347


Ignore:
Timestamp:
08/26/2025 10:54:02 AM (7 months ago)
Author:
dramb
Message:

Fix errors in calendar css after update of calendar

Location:
cs-integration
Files:
8 added
2 edited

Legend:

Unmodified
Added
Removed

  • cs-integration/tags/1.0.4/public/css/cs-integration-public.css

    r3350245 r3350347  
    213213div.cs-calendar {
    214214    background-color: white;
    215     border-radius: 15px;
    216     border: 1px solid var(--csjs-border-lighter-color);
     215    border: none;
    217216}
    218217
    … …  
    223222    padding: 0.5rem 1.5rem;
    224223    font-size: 2rem;
     224    border: 1px solid var(--cs-border-lighter-color);
     225    border-top-left-radius: 15px;
     226    border-top-right-radius: 15px;
     227    border-bottom: none;
    225228}
    226229
    … …  
    229232div.cs-calendar-month-nav button {
    230233    border-radius: 0.5rem;
    231     border: 1px solid var(--csjs-border-lighter-color);
     234    border: 1px solid var(--cs-border-lighter-color);
     235    background-color: var(--cs-light-grey-background-color);
    232236    padding: 0.25rem;
    233237    align-items: center;
    … …  
    237241
    238242div.cs-calendar-month-nav button svg {
    239     color: var(--csjs-text-lighter-color);
     243    color: var(--cs-text-color);
    240244    width: 1.5rem;
    241245    height: 1.5rem;
    … …  
    254258div.cs-calendar-day-name-cell,
    255259div.cs-calendar-date-cell {
    256     width: 14.1%;
     260    width: 14.285%;
    257261    border: 1px solid var(--cs-border-lighter-color);
    258262    border-right: 0px transparent;
    … …  
    273277}
    274278
    275 div.cs-calendar-day-name-header:last-child,
    276 div.cs-calendar-days:nth-child(7) {
     279div.cs-calendar-day-name-cell:nth-child(7),
     280div.cs-calendar-date-cell:nth-child(7n){
    277281    border-right: 1px solid var(--cs-border-lighter-color);
    278 }   
     282}
     283
     284div.cs-calendar-date-cell:nth-last-child(-n+7){
     285    border-bottom: 1px solid var(--cs-border-lighter-color);
     286}
    279287
    280288div.cs-calendar-date-cell {
    … …  
    334342}
    335343
    336 /* == */
    337 
    338344div.cs-calendar-event .cs-event-hover-block {
    339     display: none;
     345    position: absolute;
     346    padding: 1rem;
     347    border: 1px solid var(--cs-border-darker-color);
     348    width: 280px;
    340349    background-color: var(--cs-background-color);
    341350    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);
     351    overflow: hidden;
     352    display: none;
    342353}
    343354
    … …  
    348359    font-size: 1rem;
    349360    color: var(--cs-text-color);
     361    width: 16px; height: 16px;
     362    padding: 0;
     363    margin: 0 0 0 5px;
    350364}
    351365
    … …  
    356370    border: 1px solid var(--cs-border-lighter-color);
    357371    border-radius: 3px;
    358     font-size: 0.7rem;
     372    width: 24px; height: 24px;
    359373}
    360374
    361375div.cs-calendar-event .cs-event-hover-block.cs-event-hover-reveal {
    362     position: absolute;
    363     padding: 1rem;
    364     border: 1px solid var(--cs-border-darker-color);
    365     width: 280px;
    366     overflow: hidden;
    367376    display: block;
    368377    z-index: 1;
    … …  
    371380}
    372381
    373 div.cs-calendar-table div.cs-responsive-table tbody tr.cs-calendar-row td:nth-child(1) div.cs-calendar-event div.cs-event-hover-block.cs-event-hover-reveal,
    374 div.cs-calendar-table div.cs-responsive-table tbody tr.cs-calendar-row td:nth-child(2) div.cs-calendar-event div.cs-event-hover-block.cs-event-hover-reveal {
     382div.cs-calendar-date-cell:nth-child(7n+1) div.cs-calendar-event .cs-event-hover-block,
     383div.cs-calendar-date-cell:nth-child(7n+2) div.cs-calendar-event .cs-event-hover-block,
     384div.cs-calendar-date-cell:nth-child(7n+3) div.cs-calendar-event .cs-event-hover-block {
    375385    left: 1rem;
    376386    right: auto;
    377 } 
     387}
    378388
    379389div.cs-calendar-event .cs-event-hover-block .cs-location {
    … …  
    397407}
    398408
     409
    399410@media screen and (max-width: 700px) { 
    400411
    … …  
    405416    }
    406417
     418    div.cs-calendar-month-header {
     419        border: none;
     420    }
     421
    407422    div.cs-calendar div.cs-calendar-day-name-cell {
    408     visibility: hidden;
    409     height: 0;
    410     position: absolute;
     423        visibility: hidden;
     424        height: 0;
     425        position: absolute;
    411426    }
    412427   
    … …  
    423438        display: flex;
    424439        flex-direction: row;
    425     width: 100%;
     440        width: 100%;
    426441    }
    427442
    … …  
    447462
    448463    div.cs-calendar-date-cell div.cs-event-hover-block.cs-event-hover-reveal,
     464    div.cs-calendar-date-cell:nth-child(7n+1) div.cs-calendar-event .cs-event-hover-block,
    449465    div.cs-calendar-date-cell:nth-child(7n+2) div.cs-calendar-event .cs-event-hover-block,
    450466    div.cs-calendar-date-cell:nth-child(7n+3) div.cs-calendar-event .cs-event-hover-block {

  • cs-integration/trunk/public/css/cs-integration-public.css

    r3350221 r3350347  
    213213div.cs-calendar {
    214214    background-color: white;
    215     border-radius: 15px;
    216     border: 1px solid var(--csjs-border-lighter-color);
     215    border: none;
    217216}
    218217
    … …  
    223222    padding: 0.5rem 1.5rem;
    224223    font-size: 2rem;
     224    border: 1px solid var(--cs-border-lighter-color);
     225    border-top-left-radius: 15px;
     226    border-top-right-radius: 15px;
     227    border-bottom: none;
    225228}
    226229
    … …  
    229232div.cs-calendar-month-nav button {
    230233    border-radius: 0.5rem;
    231     border: 1px solid var(--csjs-border-lighter-color);
     234    border: 1px solid var(--cs-border-lighter-color);
     235    background-color: var(--cs-light-grey-background-color);
    232236    padding: 0.25rem;
    233237    align-items: center;
    … …  
    237241
    238242div.cs-calendar-month-nav button svg {
    239     color: var(--csjs-text-lighter-color);
     243    color: var(--cs-text-color);
    240244    width: 1.5rem;
    241245    height: 1.5rem;
    … …  
    254258div.cs-calendar-day-name-cell,
    255259div.cs-calendar-date-cell {
    256     width: 14.1%;
     260    width: 14.285%;
    257261    border: 1px solid var(--cs-border-lighter-color);
    258262    border-right: 0px transparent;
    … …  
    273277}
    274278
    275 div.cs-calendar-day-name-header:last-child,
    276 div.cs-calendar-days:nth-child(7) {
     279div.cs-calendar-day-name-cell:nth-child(7),
     280div.cs-calendar-date-cell:nth-child(7n){
    277281    border-right: 1px solid var(--cs-border-lighter-color);
    278 }   
     282}
     283
     284div.cs-calendar-date-cell:nth-last-child(-n+7){
     285    border-bottom: 1px solid var(--cs-border-lighter-color);
     286}
    279287
    280288div.cs-calendar-date-cell {
    … …  
    334342}
    335343
    336 /* == */
    337 
    338344div.cs-calendar-event .cs-event-hover-block {
    339     display: none;
     345    position: absolute;
     346    padding: 1rem;
     347    border: 1px solid var(--cs-border-darker-color);
     348    width: 280px;
    340349    background-color: var(--cs-background-color);
    341350    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);
     351    overflow: hidden;
     352    display: none;
    342353}
    343354
    … …  
    348359    font-size: 1rem;
    349360    color: var(--cs-text-color);
     361    width: 16px; height: 16px;
     362    padding: 0;
     363    margin: 0 0 0 5px;
    350364}
    351365
    … …  
    356370    border: 1px solid var(--cs-border-lighter-color);
    357371    border-radius: 3px;
    358     font-size: 0.7rem;
     372    width: 24px; height: 24px;
    359373}
    360374
    361375div.cs-calendar-event .cs-event-hover-block.cs-event-hover-reveal {
    362     position: absolute;
    363     padding: 1rem;
    364     border: 1px solid var(--cs-border-darker-color);
    365     width: 280px;
    366     overflow: hidden;
    367376    display: block;
    368377    z-index: 1;
    … …  
    371380}
    372381
    373 div.cs-calendar-table div.cs-responsive-table tbody tr.cs-calendar-row td:nth-child(1) div.cs-calendar-event div.cs-event-hover-block.cs-event-hover-reveal,
    374 div.cs-calendar-table div.cs-responsive-table tbody tr.cs-calendar-row td:nth-child(2) div.cs-calendar-event div.cs-event-hover-block.cs-event-hover-reveal {
     382div.cs-calendar-date-cell:nth-child(7n+1) div.cs-calendar-event .cs-event-hover-block,
     383div.cs-calendar-date-cell:nth-child(7n+2) div.cs-calendar-event .cs-event-hover-block,
     384div.cs-calendar-date-cell:nth-child(7n+3) div.cs-calendar-event .cs-event-hover-block {
    375385    left: 1rem;
    376386    right: auto;
    377 } 
     387}
    378388
    379389div.cs-calendar-event .cs-event-hover-block .cs-location {
    … …  
    397407}
    398408
     409
    399410@media screen and (max-width: 700px) { 
    400411
    … …  
    405416    }
    406417
     418    div.cs-calendar-month-header {
     419        border: none;
     420    }
     421
    407422    div.cs-calendar div.cs-calendar-day-name-cell {
    408     visibility: hidden;
    409     height: 0;
    410     position: absolute;
     423        visibility: hidden;
     424        height: 0;
     425        position: absolute;
    411426    }
    412427   
    … …  
    423438        display: flex;
    424439        flex-direction: row;
    425     width: 100%;
     440        width: 100%;
    426441    }
    427442
    … …  
    447462
    448463    div.cs-calendar-date-cell div.cs-event-hover-block.cs-event-hover-reveal,
     464    div.cs-calendar-date-cell:nth-child(7n+1) div.cs-calendar-event .cs-event-hover-block,
    449465    div.cs-calendar-date-cell:nth-child(7n+2) div.cs-calendar-event .cs-event-hover-block,
    450466    div.cs-calendar-date-cell:nth-child(7n+3) div.cs-calendar-event .cs-event-hover-block {
Note: See TracChangeset for help on using the changeset viewer.