Skip to content

Commit

Permalink
Update content for redesigned Meeting Calendar plugin (#2945)
Browse files Browse the repository at this point in the history 
Remove custom styles and content which is now rendered by plugin.
Leave styles for hiding specific elements not relevant to Learn.

See #2944
  • Loading branch information
@adamwoodnz
adamwoodnz authored Oct 14, 2024
1 parent cbe9fb1 commit 18ffa8b
Show file tree
Hide file tree
Showing 2 changed files with 5 additions and 255 deletions.
10 changes: 2 additions & 8 deletions wp-content/themes/pub/wporg-learn-2024/patterns/page-online-workshops-content.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@
<?php echo wp_kses_post(
sprintf(
/* translators: %1$s: meetup.com Online Workshops link, %2$s: code of conduct link */
__( 'RSVPs and communications are handled through <a href="%1$s">the Meetup.com group ↗</a>. Each event links to the RSVP page. Events are shown in your local time. You must agree to the <a href="%2$s">Code of Conduct</a> in order to participate in Online Workshops.', 'wporg-learn' ),
__( 'RSVPs and communications are handled through <a href="%1$s">the Meetup.com group ↗</a>. Each event links to the RSVP page. You must agree to the <a href="%2$s">Code of Conduct</a> in order to participate in Online Workshops.', 'wporg-learn' ),
esc_url( 'https://www.meetup.com/learn-wordpress-online-workshops/' ),
esc_url( 'https://learn.wordpress.org/online-workshops/code-of-conduct/' ),
)
Expand All @@ -60,13 +60,7 @@
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column">

<!-- wp:paragraph {"align":"right","fontSize":"small"} -->
<p class="has-text-align-right has-small-font-size"><?php esc_html_e( 'Subscribe to this calendar:', 'wporg-learn' ); ?> <a href="https://calendar.google.com/calendar/u/0/embed?src=3f9k1go9k6bks9u41i20u2lje56hd1fv@import.calendar.google.com" target="_blank" rel="noreferrer noopener"><?php esc_html_e( 'Google Calendar ↗', 'wporg-learn' ); ?></a> &middot; <a href="https://learn.wordpress.org/meetings.ics" target="_blank" rel="noreferrer noopener"><?php esc_html_e( 'ICS', 'wporg-learn' ); ?></a> &middot; <a href="https://learn.wordpress.org/feed/?post_type=meeting" target="_blank" rel="noreferrer noopener"><?php esc_html_e( 'RSS', 'wporg-learn' ); ?></a></p>
<!-- /wp:paragraph -->

</div>
<div class="wp-block-column"></div>
<!-- /wp:column -->

</div>
Expand Down
250 changes: 3 additions & 247 deletions wp-content/themes/pub/wporg-learn-2024/src/style/_wporg-meeting-calendar.scss
View file
Original file line number Diff line number Diff line change
@@ -1,251 +1,7 @@
.wporg-block-meeting-calendar {
.wporg-meeting-calendar__header {
flex-direction: row;
padding: unset;

h2 {
margin: unset;
text-align: unset;
margin-left: var(--wp--preset--spacing--20);
font-size: var(--wp--preset--font-size--heading-4);
}
}

.wporg-meeting-calendar__btn-group button:not(:last-child) {
margin-right: var(--wp--preset--spacing--10);
margin-left: unset;
}

// Calendar/List toggle
.components-button-group {
display: flex;
flex-direction: row-reverse;

.components-button {
background-color: unset;
color: var(--wp--preset--color--white);
width: 40px;
height: 40px;
padding: unset;
position: relative;
border-radius: 2px;
margin-left: unset;

&:not(:focus) {
box-shadow: unset;
}

&::before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
border-radius: 2px;
background-color: var(--wp--preset--color--white);
background-repeat: no-repeat;
background-position: center;
}

&:disabled {
display: none;
}

&.is-primary::before {
background-color: var(--wp--preset--color--charcoal-1);
}

// Month
&:first-child {
&::before {
background-image: url(../../assets/block-calendar-dark.svg);
}

&.is-primary::before {
background-image: url(../../assets/block-calendar-light.svg);
}
}

// List
&:last-child {
&::before {
background-image: url(../../assets/list-type-bullet-dark.svg);
}

&.is-primary::before {
background-image: url(../../assets/list-type-bullet-light.svg);
}
}
}
}

.wporg-meeting-calendar__filter {
flex-wrap: wrap;
background: unset;
border: unset;
padding-left: unset;

.wporg-meeting-calendar__filter-label {
padding-left: unset;
padding-right: var(--wp--preset--spacing--10);
}

.wporg-meeting-calendar__filter-feed {
display: none;
}

.components-base-control__field {
margin-bottom: unset;
}

.components-button.is-link {
text-decoration: none;
}
}

table th,
.wporg-meeting-calendar__cell strong {
font-weight: 400;
font-size: var(--wp--preset--font-size--normal);
}

table th,
.wporg-meeting-calendar__cell {
border: 1px solid var(--wp--custom--color--border);
}

.wporg-meeting-calendar__cell {
padding: var(--wp--preset--spacing--10);

> strong {
padding: unset;
margin: unset;
}

&:first-child,
&:last-child {
background-color: var(--wp--preset--color--light-grey-2);
}

&.is-today {
background-color: var(--wp--preset--color--acid-green-3);
}
}

.wporg-meeting-calendar__cell-event {
background-color: var(--wp--preset--color--blueberry-4) !important;
color: var(--wp--custom--link--color--text) !important;
padding: 8px;
border: 1px solid var(--wp--custom--link--color--text);
font-size: var(--wp--preset--font-size--small);
line-height: var(--wp--custom--body--small--typography--line-height);
margin: var(--wp--preset--spacing--10) 0 0;

&:focus {
box-shadow: none !important;
}

.wporg-meeting-calendar__cell-event-time {
font-weight: 700;
}

.wporg-meeting-calendar__cell-event-title {
font-weight: 400;
white-space: unset;
}
}

.wporg-meeting-calendar__list-event-team {
background-color: var(--wp--preset--color--acid-green-1);
color: var(--wp--preset--color--charcoal-1) !important;
}

.wporg-meeting-calendar__list-event-copy {
font-weight: 400;
}

.wporg-meeting-calendar__list {
padding: unset;

.wporg-meeting-calendar__list-event {
flex-direction: column-reverse;
margin-bottom: unset;
border-radius: unset;

+ .wporg-meeting-calendar__list-event {
margin-top: unset;
border-top: unset;
}

&:first-of-type {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}

&:last-of-type {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}

// Time and timezone
> div:first-child {
display: flex;
gap: 0.5em;
font-size: var(--wp--preset--font-size--small);
color: var(--wp--preset--color--charcoal-4);
padding: 0 var(--wp--preset--spacing--20) var(--wp--preset--spacing--20);
}
}

.wporg-meeting-calendar__list-event-tz {
font-size: unset;
color: unset;
}

.wporg-meeting-calendar__list-event-team {
margin-left: unset;
margin-bottom: var(--wp--preset--spacing--20);

@media screen and (min-width: 768px) {
margin-bottom: unset;
}
}

.wporg-meeting-calendar__list-event-details {
padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--20) 0;

> div {
flex: 1;
align-items: baseline;
gap: var(--wp--preset--spacing--20);
font-size: var(--wp--preset--font-size--normal);

@media screen and (min-width: 768px) {
display: flex;
}
}

div:first-child {

@media (min-width: 600px) {
padding-left: unset;
}
}

.wporg-meeting-calendar__list-event-title {
font-size: inherit;
font-weight: 400;
flex: 1;

> a {
font-size: inherit;
}
}
}
}
}

.wporg-meeting-calendar__filter,
.wporg-meeting-calendar__list-event-team-wrapper,
// 'Meets:', 'Location' and 'View Recording' details, in list and popup
.wporg-meeting-calendar__list-event-details,
.wporg-meeting-calendar__list-event-copy,
.wporg-meeting-calendar__modal .components-modal__content p:nth-of-type(2) {
display: none;
Expand Down

0 comments on commit 18ffa8b

Please sign in to comment.