diff --git a/apps/design/src/blocks/dates-show/dates-show.scss b/apps/design/src/blocks/dates-show/dates-show.scss index 68a5330..c0a7802 100644 --- a/apps/design/src/blocks/dates-show/dates-show.scss +++ b/apps/design/src/blocks/dates-show/dates-show.scss @@ -63,19 +63,19 @@ font-weight: 600; text-decoration: none; color: $body-color; - background-image: url('/img/ticket.svg'); + background-image: url('/guru-include/public/img/ticket.svg'); background-size: 100% 100%; background-repeat: no-repeat; &:hover { - background-image: url('/img/ticket_h.svg'); + background-image: url('/guru-include/public/img/ticket_h.svg'); } } &.inactive { a { color: #CCCCCC; - background-image: url('/img/ticket_i.svg'); + background-image: url('/guru-include/public/img/ticket_i.svg'); &:hover { - background-image: url('/img/ticket_i.svg'); + background-image: url('/guru-include/public/img/ticket_i.svg'); } } } diff --git a/apps/design/src/styles/global/global-scaffolding.scss b/apps/design/src/styles/global/global-scaffolding.scss index ae66d51..71d9f1d 100644 --- a/apps/design/src/styles/global/global-scaffolding.scss +++ b/apps/design/src/styles/global/global-scaffolding.scss @@ -129,6 +129,29 @@ html, body { } @media (max-width: 810px) { + .session { + flex-direction: column; + } + .session__left { + min-width: auto; + max-width: none; + width: 100%; + display: flex; + text-align: center; + justify-content: center; + align-items: center; + flex-direction: column; + } + .session__right { + margin: 1rem 0 0 0; + } + .description { + min-width: auto; + max-width: none; + } + .dates-show__item { + padding: 1rem 0; + } .navbar-guru > .row.flex-fill > .col-9 { max-width: 50%; } diff --git a/apps/php/guru-include/public/css/style.css b/apps/php/guru-include/public/css/style.css index 048ca69..7c29da0 100644 --- a/apps/php/guru-include/public/css/style.css +++ b/apps/php/guru-include/public/css/style.css @@ -8480,17 +8480,17 @@ a.text-dark:hover, a.text-dark:focus { font-weight: 600; text-decoration: none; color: #333333; - background-image: url("/img/ticket.svg"); + background-image: url("/guru-include/public/img/ticket.svg"); -webkit-background-size: 100% 100%; background-size: 100% 100%; background-repeat: no-repeat; } .dates-show__sessions > li a:hover { - background-image: url("/img/ticket_h.svg"); } + background-image: url("/guru-include/public/img/ticket_h.svg"); } .dates-show__sessions > li.inactive a { color: #CCCCCC; - background-image: url("/img/ticket_i.svg"); } + background-image: url("/guru-include/public/img/ticket_i.svg"); } .dates-show__sessions > li.inactive a:hover { - background-image: url("/img/ticket_i.svg"); } + background-image: url("/guru-include/public/img/ticket_i.svg"); } .dates-show__sessions > li.in3d a { position: relative; } .dates-show__sessions > li.in3d a:before { @@ -8750,6 +8750,39 @@ html, body { margin-bottom: 2rem; } @media (max-width: 810px) { + .session { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } + .session__left { + min-width: auto; + max-width: none; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + text-align: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } + .session__right { + margin: 1rem 0 0 0; } + .description { + min-width: auto; + max-width: none; } .navbar-guru > .row.flex-fill > .col-9 { max-width: 50%; } .calendar-column {