8a73f23cb0
* fix: filter pinned, unpinned posts and render separately * fix: UI updates for INF-421 and INF-417 * fix: pin icon moves to left for non privilege user * fix: posts list accessibility issue
168 lines
2.2 KiB
SCSS
Executable File
168 lines
2.2 KiB
SCSS
Executable File
@import "@edx/brand/paragon/fonts.scss";
|
|
@import "@edx/brand/paragon/variables.scss";
|
|
@import "@edx/paragon/scss/core/core.scss";
|
|
@import "@edx/brand/paragon/overrides.scss";
|
|
|
|
@import "~@edx/frontend-component-footer/dist/footer";
|
|
@import "~@edx/frontend-component-header/dist/index";
|
|
|
|
$fa-font-path: "~font-awesome/fonts";
|
|
@import "~font-awesome/scss/font-awesome";
|
|
|
|
#post,
|
|
#comment,
|
|
#reply,
|
|
.discussion-comments,
|
|
.text-editor,
|
|
.post-preview {
|
|
img {
|
|
height: auto;
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
|
|
.text-staff-color {
|
|
color: #998200;
|
|
}
|
|
|
|
.outline-staff-color {
|
|
outline: #998200 solid 2px;
|
|
}
|
|
|
|
.text-TA-color {
|
|
color: #175B3C;
|
|
}
|
|
|
|
.outline-TA-color {
|
|
outline: #175B3C solid 2px;
|
|
}
|
|
|
|
.outline-anonymous {
|
|
outline: #EAE6E5 solid 2px;
|
|
}
|
|
|
|
.font-size-14 {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.font-weight-500 {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.font-style-normal {
|
|
font-style: normal;
|
|
}
|
|
|
|
.font-family-inter {
|
|
font-family: "Inter";
|
|
}
|
|
|
|
.icon-size {
|
|
height: 20px !important;
|
|
width: 20px !important;
|
|
}
|
|
|
|
.mr-0\.5 {
|
|
margin-right: 2px;
|
|
}
|
|
|
|
.mb-0\.5 {
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.mt-0\.5 {
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.ml-0\.5 {
|
|
margin-left: 2px;
|
|
}
|
|
|
|
.badge-padding {
|
|
padding-top: 1px;
|
|
padding-bottom: 1px
|
|
}
|
|
|
|
.discussion-post:hover {
|
|
background-color: unset !important;
|
|
}
|
|
|
|
.learner > a:hover {
|
|
background-color: #F2F0EF;
|
|
}
|
|
|
|
.py-10px {
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.px-10px {
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.question-icon-size {
|
|
width: 1.625rem;
|
|
height: 1.625rem;
|
|
}
|
|
|
|
.question-icon-position {
|
|
top: 12px;
|
|
left: 14px;
|
|
}
|
|
|
|
.avarat-img-position {
|
|
margin-top: 17px;
|
|
margin-left: 17px;
|
|
}
|
|
|
|
header {
|
|
.user-dropdown {
|
|
z-index: 10000;
|
|
}
|
|
.logo {
|
|
margin-right: 1rem;
|
|
img {
|
|
height: 1.75rem;
|
|
}
|
|
}
|
|
}
|
|
|
|
#learner-posts-link {
|
|
color: inherit;
|
|
span[role=heading]:hover {
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
|
|
.sidebar-desktop-width {
|
|
min-width: 25rem;
|
|
}
|
|
|
|
.sidebar-XL-width {
|
|
min-width: 29rem;
|
|
}
|
|
|
|
.filter-menu:focus-within {
|
|
background-color: #e9e6e4 !important;
|
|
}
|
|
|
|
.border-2 {
|
|
border-width: 2px;
|
|
}
|
|
|
|
.post-form {
|
|
input[type=checkbox] {
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
}
|
|
|
|
.pointer-cursor-hover :hover{
|
|
cursor: pointer;
|
|
}
|
|
|
|
.filter-bar:focus-visible, .filter-bar:focus {
|
|
outline: none;
|
|
}
|