mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2024-11-25 08:38:09 -05:00
e2d08fa7cf
Partially fix ActivateLicensesModal.spec [IN PROGRESS] Don't display deleted users Move userID to classroom.deletedMembers on user delete (not retroactive) Fix PDF links for course guides, remove old PDFs from repo Remove deprecated SalesView Remove underline for not-yet-linked student names Only show class select when there's more than one Ignore case when sorting student names Use student.broadName instead of name for display and sorting Fix initial load not showing progress after joining a course (hacky) Fix text entry for enrollment number input Fix enrollment statistics Fix enrollment stats completely (and add back in per-class unenrolled count) Add deletedMembers to classroom schema More fixes to enrollment stats (don't count nonmember prepaids) Don't use 0 as implicit false for openSpots Update suggested number of credit to buy automatically Fix classroom edit form ignoring cleared values Add alert text when more users selected than enrollments available Alert user when trying to assign course to unenrolled students Alert user when assigning course to nobody Add some tests for TeacherClassView bulk assign alerts Fix TeacherClassView tests failing without demos Use model/collection.fakeRequests :D Remove unused comment Fix handling of improperly sorted deleted users on clientside Add test for moving deleted users to deletedMembers Add script for moving all deleted classroom members to classroom.deletedMembers Completely rewrite tallying up enrollment statistics Fix some tests to not be dependent on logged-in user Address PR comments Fix default number of enrollments to buy Fix i18n for not enough enrollments Use custom error message for classroom name length
256 lines
5 KiB
Sass
256 lines
5 KiB
Sass
@import "app/styles/bootstrap/variables"
|
|
@import "app/styles/mixins"
|
|
@import "app/styles/style-flat"
|
|
|
|
.alternating-background:nth-child(2n+1)
|
|
background-color: #ebebeb
|
|
|
|
.alternating-background:nth-child(2n)
|
|
background-color: $gray-lighter
|
|
|
|
#teacher-class-view
|
|
.breadcrumbs
|
|
color: #065e73
|
|
a
|
|
color: #065e73
|
|
|
|
h3
|
|
display: inline-block
|
|
|
|
h3 ~ .edit-classroom
|
|
color: black
|
|
text-decoration: underline
|
|
|
|
.classroom-details
|
|
.small-details
|
|
margin-bottom: 4px
|
|
|
|
.concept
|
|
& span
|
|
white-space: nowrap
|
|
&.forest
|
|
color: $forest
|
|
&.gold
|
|
color: $gold
|
|
&+.concept:before
|
|
content: ', '
|
|
|
|
ul.nav-tabs
|
|
border: none
|
|
.tab-spacer
|
|
float: left
|
|
width: 15px
|
|
height: 48px
|
|
border-bottom: thin solid #979797
|
|
|
|
.tab-filler
|
|
// Triggers block formatting context
|
|
// http://stackoverflow.com/questions/1260122/expand-a-div-to-take-the-remaining-width
|
|
overflow: hidden
|
|
height: 48px
|
|
border-bottom: thin solid #979797
|
|
|
|
li > a
|
|
margin: 0
|
|
border: thin solid #979797
|
|
border-bottom: none
|
|
background: white
|
|
border-radius: 5px 5px 0 0
|
|
width: 175px
|
|
color: black
|
|
font-family: $headline-font
|
|
li
|
|
border-bottom: thin solid #979797
|
|
li.active
|
|
border-bottom: none
|
|
|
|
.bulk-assign-controls
|
|
position: relative
|
|
float: right
|
|
margin-bottom: -9999px
|
|
margin-top: 20px
|
|
select
|
|
margin-left: 7px
|
|
.assign-to-selected-students
|
|
margin-left: 10px
|
|
.enroll-selected-students
|
|
margin-left: 56px
|
|
.cant-assign-to-unenrolled, .no-students-selected
|
|
position: absolute
|
|
top: -24px
|
|
color: red
|
|
font-size: 13px
|
|
visibility: hidden
|
|
&.visible
|
|
visibility: visible
|
|
|
|
.students-table
|
|
width: 100%
|
|
.student-info-col
|
|
width: 240px
|
|
.checkbox-col
|
|
width: 75px
|
|
.latest-level-col
|
|
width: 320px
|
|
.view-class-col
|
|
width: 20px
|
|
|
|
th
|
|
font-weight: normal
|
|
white-space: nowrap
|
|
vertical-align: bottom
|
|
td
|
|
height: 66px
|
|
|
|
.enroll-student-button
|
|
margin-left: 33%
|
|
margin-left: calc((100% - 120px - 36px) * 0.6)
|
|
|
|
.inline-student-list
|
|
padding-left: 0
|
|
|
|
// TODO: Fix highlighted text value
|
|
&:before
|
|
content: '('
|
|
&:after
|
|
content: ')'
|
|
list-style: none
|
|
|
|
li
|
|
display: inline
|
|
.inline-student-name
|
|
white-space: nowrap
|
|
// text-decoration: underline
|
|
|
|
li:not(:last-child):after
|
|
content: ', '
|
|
|
|
.student-info
|
|
max-width: 200px
|
|
line-height: 20px
|
|
|
|
.student-name, .student-email
|
|
overflow: hidden
|
|
text-overflow: ellipsis
|
|
white-space: nowrap
|
|
|
|
.level-name
|
|
white-space: nowrap
|
|
overflow: ellipsis
|
|
font-weight: bold
|
|
// line-height: 20px
|
|
|
|
.sort-button
|
|
border: none
|
|
background: none
|
|
font-weight: bold
|
|
text-decoration: underline
|
|
|
|
.edit-student-button
|
|
color: black
|
|
font-weight: bold
|
|
text-decoration: underline
|
|
|
|
.glyphicon
|
|
color: $gray-light
|
|
|
|
.remove-student-link
|
|
color: $burgandy
|
|
font-weight: bold
|
|
text-decoration: underline
|
|
line-height: 16px
|
|
|
|
// Course Progress tab
|
|
|
|
#course-progress-tab
|
|
.course-overview-row
|
|
margin-top: 50px
|
|
border: thin solid gray
|
|
border-radius: 8px
|
|
|
|
.student-levels-table
|
|
margin-top: 80px
|
|
|
|
.sort-buttons
|
|
padding-left: 75px
|
|
margin-bottom: 5px
|
|
|
|
.student-levels-row, .course-overview-row
|
|
padding-left: 75px
|
|
padding-top: 15px
|
|
padding-bottom: 30px
|
|
|
|
.student-levels-progress, .course-overview-progress
|
|
max-width: 880px
|
|
margin: -5px
|
|
margin-top: 5px
|
|
|
|
.progress-dot
|
|
margin: 5px
|
|
|
|
// Checkboxes
|
|
.checkbox-flat
|
|
margin: 8px auto
|
|
|
|
// TODO: Move to style-flat?
|
|
.view-class-arrow
|
|
float: right
|
|
margin-right: 16px
|
|
color: $gray-light
|
|
// height: 100%
|
|
font-size: 35px
|
|
line-height: 35px
|
|
align-self: center
|
|
.view-class-arrow-inner
|
|
color: $gray-lighter
|
|
&:hover
|
|
text-decoration: none
|
|
|
|
.progress-dot
|
|
display: inline-block
|
|
margin-right: 6px
|
|
width: 34px
|
|
height: 34px
|
|
border-radius: 50%
|
|
// margin-top: 23px
|
|
// margin-bottom: 23px
|
|
background: $gray-light
|
|
position: relative
|
|
.dot-label
|
|
padding-top: 2px
|
|
.dot-label-inner
|
|
font-size: 11px
|
|
font-weight: bold
|
|
color: white
|
|
|
|
.progress-dot.forest
|
|
background: $forest
|
|
.tooltip-inner
|
|
color: $forest
|
|
border-color: $forest
|
|
.tooltip-arrow
|
|
border-top-color: $forest
|
|
|
|
.progress-dot.gold
|
|
background: $gold
|
|
.tooltip-inner
|
|
color: $navy
|
|
border-color: $navy
|
|
.tooltip-arrow
|
|
border-top-color: $navy
|
|
|
|
// Code copying buttons
|
|
|
|
.copy-button-group
|
|
input
|
|
height: 50px
|
|
width: 220px
|
|
background: #fafafa
|
|
border: thin solid #979797
|
|
text-align: center
|
|
|
|
button
|
|
height: 50px
|
|
width: 210px
|
|
float: right
|
|
|