4d4b040517
- Add announcements view using JSX to the dashboard sidebar - Create a new maintenance interface to edit and manage announcements - Adds an override to main.html template to include new skip links - Add plugins required for announcements to TinyMCE This is motivated by a desire to have system wide messages for students that show on the dashboard. Enabled with FEATURES['ENABLE_ANNOUNCEMENTS']. Global staff are allowed to edit from the studio maintenance view.
77 lines
1.1 KiB
SCSS
77 lines
1.1 KiB
SCSS
// pill button
|
|
%ui-btn-pill {
|
|
border-radius: ($baseline/5);
|
|
}
|
|
|
|
.announcements-editor {
|
|
padding: 40px;
|
|
width: 60%;
|
|
|
|
.announcement-content {
|
|
margin-bottom: 20px;
|
|
|
|
textarea {
|
|
width: 100%;
|
|
min-height: 300px;
|
|
max-height: 300px;
|
|
overflow: auto;
|
|
}
|
|
}
|
|
|
|
.announcement-active {
|
|
label {
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
|
|
.save-announcement {
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
|
|
.announcements-list {
|
|
display: table;
|
|
border-spacing: 2em;
|
|
|
|
.announcement-label {
|
|
display: table-cell;
|
|
text-align: center;
|
|
}
|
|
|
|
.announcement-item {
|
|
display: table-row;
|
|
|
|
.announcement-content {
|
|
display: table-cell;
|
|
background-color: $color-draft;
|
|
align-content: center;
|
|
text-align: center;
|
|
padding: 22px 33px;
|
|
max-width: 300px;
|
|
}
|
|
|
|
.announcement-active {
|
|
display: table-cell;
|
|
padding: 22px 2px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
a {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
}
|
|
}
|
|
|
|
a {
|
|
color: inherit;
|
|
text-decoration: inherit;
|
|
}
|
|
|
|
a:disabled,
|
|
a[disabled] {
|
|
opacity: 0.5;
|
|
cursor: not-allowed;
|
|
}
|
|
}
|