Resolve LIL-731 "Hotfix/" Closes LIL-731 See merge request lilschool/site!248remotes/origin/hotfix/courses_slug_url_20-01-19
Danil
7 years ago
commit
b4edcad736
26 changed files with 490 additions and 310 deletions
@ -1,4 +0,0 @@ |
||||
import ContestRedactor from '../components/ContestRedactor.vue' |
||||
|
||||
window.LIL_STORE.components['contest-redactor'] = ContestRedactor; |
||||
|
||||
@ -0,0 +1,5 @@ |
||||
import '../../sass/components/contest-edit.scss'; |
||||
|
||||
import ContestRedactor from '../../components/ContestRedactor.vue'; |
||||
|
||||
window.LIL_STORE.components['contest-redactor'] = ContestRedactor; |
||||
@ -0,0 +1,7 @@ |
||||
import '../../sass/components/contest.scss'; |
||||
|
||||
import UploadContestWork from '../../components/UploadContestWork.vue'; |
||||
import ContestWorks from '../../components/ContestWorks.vue'; |
||||
|
||||
window.LIL_STORE.components['upload-contest-work'] = UploadContestWork; |
||||
window.LIL_STORE.components['contest-works'] = ContestWorks; |
||||
@ -1,5 +1,7 @@ |
||||
import 'babel-polyfill' |
||||
import CourseRedactor from '../components/CourseRedactor.vue' |
||||
import '../../sass/components/course-edit.scss'; |
||||
|
||||
import 'babel-polyfill'; |
||||
import CourseRedactor from '../../components/CourseRedactor.vue'; |
||||
import $ from 'jquery'; |
||||
|
||||
window.LIL_STORE.components['course-redactor'] = CourseRedactor; |
||||
@ -1,6 +1,7 @@ |
||||
import BlockImages from '../components/blocks/BlockImages.vue'; |
||||
import BlockImages from '../../components/blocks/BlockImages.vue'; |
||||
import $ from 'jquery'; |
||||
import {api} from "./modules/api"; |
||||
import {api} from "../modules/api"; |
||||
|
||||
|
||||
window.LIL_STORE.components['block-images'] = BlockImages; |
||||
|
||||
@ -0,0 +1,35 @@ |
||||
.upload-contest-work { |
||||
|
||||
.popup__wrap { |
||||
padding: 35px 35px 0; |
||||
} |
||||
|
||||
.title { |
||||
text-align: center; font-size: 24px; |
||||
|
||||
.text__curve { |
||||
right: 55px; |
||||
width: 170px; |
||||
bottom: -40px; |
||||
} |
||||
} |
||||
|
||||
.kit__photo { |
||||
height: 400px; |
||||
} |
||||
|
||||
.kit__photo.has-image { |
||||
border: none; |
||||
} |
||||
|
||||
.kit__photo-image { |
||||
max-height: 400px; |
||||
height: auto; |
||||
width: auto; |
||||
} |
||||
|
||||
.kit__file { |
||||
bottom: 0; |
||||
} |
||||
|
||||
} |
||||
@ -0,0 +1,55 @@ |
||||
.contest-works { |
||||
width: 100%; |
||||
} |
||||
.contest-works__works { |
||||
text-align: left; |
||||
display: flex; |
||||
} |
||||
.contest-works__column { |
||||
display: flex; |
||||
flex-direction: column; |
||||
margin-right: 20px; |
||||
width: 300px; |
||||
} |
||||
.contest-works__loader { |
||||
width: 100%; |
||||
height: 30px; |
||||
position: relative; |
||||
} |
||||
.contest-works__no-works { |
||||
text-align: center; |
||||
width: 100%; |
||||
} |
||||
|
||||
.contest-work-item { |
||||
break-inside: avoid; |
||||
border-radius: 8px; |
||||
overflow: hidden; |
||||
margin-bottom: 20px; |
||||
transition: opacity .4s ease-in-out; |
||||
text-transform: uppercase; |
||||
font-weight: bold; |
||||
color: black; |
||||
border: 1px solid #ececec; |
||||
display: block; |
||||
} |
||||
.contest-work-item__img { |
||||
width: 100%; |
||||
height: auto; |
||||
} |
||||
.contest-work-item__info { |
||||
display: flex; |
||||
padding: 5px 10px; |
||||
} |
||||
.contest-work-item__age { |
||||
color: #919191; |
||||
} |
||||
.contest-work-item__bio { |
||||
flex: calc(100% - 70px); |
||||
} |
||||
|
||||
@media only screen and (min-width: 1023px) { |
||||
.contest-works:hover .contest-work-item:not(:hover) { |
||||
opacity: 0.4; |
||||
} |
||||
} |
||||
@ -0,0 +1,166 @@ |
||||
.vdp-datepicker__calendar { |
||||
width: 240px; |
||||
margin-top: 10px; |
||||
padding: 5px; |
||||
background: white; |
||||
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); |
||||
z-index: 99 !important; |
||||
|
||||
header { |
||||
display: flex; |
||||
margin-bottom: 5px; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
} |
||||
|
||||
.prev, .next { |
||||
font-size: 0; |
||||
cursor: pointer; |
||||
order: 1; |
||||
width: auto !important; |
||||
padding: 10px; |
||||
} |
||||
|
||||
.prev { |
||||
order: 1; |
||||
} |
||||
|
||||
.next { |
||||
order: 3; |
||||
} |
||||
|
||||
.prev:before, .next:before { |
||||
content: ''; |
||||
display: block; |
||||
width: 10px; |
||||
height: 10px; |
||||
border: solid #E6E6E6; |
||||
border-width: 2px 2px 0 0; |
||||
} |
||||
|
||||
.prev:after, .next:after { |
||||
content: none !important; |
||||
} |
||||
|
||||
.prev:before { |
||||
transform: rotate(-135deg); |
||||
} |
||||
|
||||
.next:before { |
||||
transform: rotate(45deg); |
||||
} |
||||
} |
||||
|
||||
.kit__preview { |
||||
img { |
||||
width: 140px; |
||||
height: 140px; |
||||
} |
||||
} |
||||
|
||||
.kit__photo { |
||||
width: 140px; |
||||
height: 140px; |
||||
} |
||||
|
||||
.kit__section-remove { |
||||
button.sortable__handle { |
||||
margin-right: 10px; |
||||
cursor: -webkit-grab; |
||||
cursor: grab; |
||||
|
||||
svg.icon-hamburger { |
||||
width: 1em; |
||||
height: 1em; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.sortable-ghost, .sortable-chosen { |
||||
background: white; |
||||
border-radius: 10px; |
||||
} |
||||
|
||||
.course-redactor__preview-button-bg-save { |
||||
background-color: #58fffb; |
||||
} |
||||
.course-redactor__preview-button { |
||||
transition: backgroundColor 0.5s ease-in-out; |
||||
} |
||||
|
||||
.field_text { |
||||
height: 270px; |
||||
overflow: scroll; |
||||
} |
||||
|
||||
.courses__item { |
||||
flex: 0 0 300px; |
||||
} |
||||
|
||||
.courses__item .field { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.courses__content .redactor-box { |
||||
overflow-x: visible; |
||||
overflow-y: auto; |
||||
max-height: 200px; |
||||
background: none; |
||||
margin-top: 10px; |
||||
} |
||||
|
||||
.courses__content .redactor-layer{ |
||||
background: none; |
||||
} |
||||
|
||||
.courses__theme { |
||||
flex: 1; |
||||
} |
||||
|
||||
.courses__price { |
||||
margin-left: 20px; |
||||
} |
||||
|
||||
.courses__preview { |
||||
.upload { |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
|
||||
.upload__title { |
||||
color: #888888; |
||||
font-size: 16px; |
||||
margin-top: 100px; |
||||
width: 100%; |
||||
text-align: center; |
||||
} |
||||
|
||||
.upload__file { |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
} |
||||
|
||||
.course-delete-cover { |
||||
left: 5px; |
||||
position: absolute; |
||||
bottom: 3px; |
||||
} |
||||
|
||||
.field-category .select__head { |
||||
font-size: inherit; |
||||
line-height: inherit; |
||||
height: auto; |
||||
} |
||||
|
||||
.datetime-fields { |
||||
display: flex; |
||||
} |
||||
|
||||
.field-time { |
||||
margin-left: 10px; |
||||
flex: 50%; |
||||
} |
||||
@ -0,0 +1,166 @@ |
||||
.vdp-datepicker__calendar { |
||||
width: 240px; |
||||
margin-top: 10px; |
||||
padding: 5px; |
||||
background: white; |
||||
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); |
||||
z-index: 99 !important; |
||||
|
||||
header { |
||||
display: flex; |
||||
margin-bottom: 5px; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
} |
||||
|
||||
.prev, .next { |
||||
font-size: 0; |
||||
cursor: pointer; |
||||
order: 1; |
||||
width: auto !important; |
||||
padding: 10px; |
||||
} |
||||
|
||||
.prev { |
||||
order: 1; |
||||
} |
||||
|
||||
.next { |
||||
order: 3; |
||||
} |
||||
|
||||
.prev:before, .next:before { |
||||
content: ''; |
||||
display: block; |
||||
width: 10px; |
||||
height: 10px; |
||||
border: solid #E6E6E6; |
||||
border-width: 2px 2px 0 0; |
||||
} |
||||
|
||||
.prev:after, .next:after { |
||||
content: none !important; |
||||
} |
||||
|
||||
.prev:before { |
||||
transform: rotate(-135deg); |
||||
} |
||||
|
||||
.next:before { |
||||
transform: rotate(45deg); |
||||
} |
||||
} |
||||
|
||||
.kit__preview { |
||||
img { |
||||
width: 140px; |
||||
height: 140px; |
||||
} |
||||
} |
||||
|
||||
.kit__photo { |
||||
width: 140px; |
||||
height: 140px; |
||||
} |
||||
|
||||
.kit__section-remove { |
||||
button.sortable__handle { |
||||
margin-right: 10px; |
||||
cursor: -webkit-grab; |
||||
cursor: grab; |
||||
|
||||
svg.icon-hamburger { |
||||
width: 1em; |
||||
height: 1em; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.sortable-ghost, .sortable-chosen { |
||||
background: white; |
||||
border-radius: 10px; |
||||
} |
||||
|
||||
.course-redactor__preview-button-bg-save { |
||||
background-color: #58fffb; |
||||
} |
||||
.course-redactor__preview-button { |
||||
transition: backgroundColor 0.5s ease-in-out; |
||||
} |
||||
|
||||
.field_text { |
||||
height: 270px; |
||||
overflow: scroll; |
||||
} |
||||
|
||||
.courses__item { |
||||
flex: 0 0 300px; |
||||
} |
||||
|
||||
.courses__item .field { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.courses__content .redactor-box { |
||||
overflow-x: visible; |
||||
overflow-y: auto; |
||||
max-height: 200px; |
||||
background: none; |
||||
margin-top: 10px; |
||||
} |
||||
|
||||
.courses__content .redactor-layer{ |
||||
background: none; |
||||
} |
||||
|
||||
.courses__theme { |
||||
flex: 1; |
||||
} |
||||
|
||||
.courses__price { |
||||
margin-left: 20px; |
||||
} |
||||
|
||||
.courses__preview { |
||||
.upload { |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
|
||||
.upload__title { |
||||
color: #888888; |
||||
font-size: 16px; |
||||
margin-top: 100px; |
||||
width: 100%; |
||||
text-align: center; |
||||
} |
||||
|
||||
.upload__file { |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
} |
||||
|
||||
.course-delete-cover { |
||||
left: 5px; |
||||
position: absolute; |
||||
bottom: 3px; |
||||
} |
||||
|
||||
.field-category .select__head { |
||||
font-size: inherit; |
||||
line-height: inherit; |
||||
height: auto; |
||||
} |
||||
|
||||
.datetime-fields { |
||||
display: flex; |
||||
} |
||||
|
||||
.field-time { |
||||
margin-left: 10px; |
||||
flex: 50%; |
||||
} |
||||
Loading…
Reference in new issue