WebSVN – Moodle – Autoría – /theme/universe/scss/moodle/forum.scss

Rev	Autor	Línea Nro.	Línea
1	efrain	1	`//---- Forum`
		2	`//---- Module Activity`
		3
		4	`// Forum module`
		5	`.path-mod-forum .forumsearch {`
		6
		7	`input,`
		8	`.helptooltip {`
		9	`margin: 0 3px;`
		10	`}`
		11	`}`
		12
		13	`.discussionname {`
		14	`margin-bottom: 1rem;`
		15	`}`
		16
		17	`.path-mod-forum .forumheaderlist,`
		18	`.path-mod-forum .forumheaderlist td {`
		19	`border: none;`
		20	`}`
		21
		22
		23	`.forumheaderlist {`
		24
		25	`thead .header,`
		26	`tbody .discussion td {`
		27	`white-space: normal;`
		28	`vertical-align: top;`
		29	`padding-left: 0.5em;`
		30	`padding-right: 0.5em;`
		31	`}`
		32
		33	`thead .header {`
		34	`white-space: normal;`
		35	`vertical-align: top;`
		36	`}`
		37
		38	`thead .header.replies {`
		39	`text-align: center;`
		40	`}`
		41
		42	`thead .header.lastpost {`
		43	`text-align: right;`
		44	`}`
		45
		46	`thead .header th,`
		47	`tbody .discussion td {`
		48	`&.discussionsubscription {`
		49	`width: 16px;`
		50	`padding-left: 0.5em;`
		51	`padding-right: 0.5em;`
		52	`}`
		53	`}`
		54
		55	`.discussion {`
		56
		57	`.replies,`
		58	`.lastpost {`
		59	`white-space: normal;`
		60	`}`
		61
		62	`.discussionsubscription,`
		63	`.replies {`
		64	`text-align: center;`
		65	`}`
		66
		67	`.topic,`
		68	`.discussionsubscription,`
		69	`.topic.starter,`
		70	`.replies,`
		71	`.lastpost {`
		72	`vertical-align: top;`
		73	`}`
		74	`}`
		75	`}`
		76
		77	`.discussion-list {`
		78	`.topic {`
		79	`// Do not use the default bold style for the table headings.`
		80	`font-weight: inherit;`
		81	`min-width: 200px;`
		82
		83	`a {`
		84	`font-size: $font-size-md;`
		85
		86	`&::before {`
		87	`display: none;`
		88	`}`
		89	`}`
		90	`}`
		91
		92	`.userpicture {`
		93	`width: 45px;`
		94	`height: 45px;`
		95	`}`
		96	`}`
		97
		98	`.forum-post-details {`
		99	`font-size: $font-size-xs;`
		100	`color: $body-color-secondary;`
		101
		102	`.theme-dark & {`
		103	`color: $dm-body-color-secondary;`
		104	`}`
		105
		106	`a {`
		107	`font-weight: $font-weight-medium;`
		108	`}`
		109	`}`
		110
		111	`// Style for the forum subscription mode node.`
		112	`.subscriptionmode {`
		113	`background-color: var(--primary-color-100);`
		114	`color: var(--main-theme-color);`
		115
		116	`.theme-dark & {`
		117	`background-color: var(--main-theme-color);`
		118	`color: var(--primary-color-100);`
		119	`}`
		120	`}`
		121
		122	`// Style for the currently selected subscription mode.`
		123	`.activesetting {`
		124	`background-color: $blue-100;`
		125	`color: $blue-600;`
		126
		127	`.theme-dark & {`
		128	`background-color: $blue-600;`
		129	`color: $blue-100;`
		130	`}`
		131	`}`
		132
		133	`.subscriptionmode,`
		134	`.activesetting {`
		135	`display: block;`
		136	`padding: .5rem .95rem;`
		137	`border-radius: $btn-border-radius;`
		138
		139	`font-weight: $font-weight-bold;`
		140	`}`
		141
		142
		143	`.discussion-settings-container {`
		144	`.custom-select {`
		145	`width: 100%;`
		146	`}`
		147
		148	`input {`
		149	`max-width: 100%;`
		150	`}`
		151	`}`
		152
		153	`.forum-post {`
		154	`border-width: 1px 0 0 0;`
		155	`border-style: solid;`
		156	`border-color: $border-color;`
		157
		158	`display: block;`
		159	`width: 100%;`
		160
		161	`padding: 1.25rem 0 1rem;`
		162
		163	`.theme-dark & {`
		164	`border-color: $dm-border-color;`
		165	`}`
		166
		167	`.modal-body & {`
		168	`width: 100%;`
		169	`margin-left: 0;`
		170	`padding-left: 0;`
		171	`padding-right: 0;`
		172	`}`
		173
		174	`&:last-of-type {`
		175	`border-bottom: none;`
		176	`}`
		177
		178	`.forum-post-rating {`
		179	`background-color: $gray-100;`
		180
		181	`border-radius: $btn-border-radius;`
		182	`padding: 6px 20px;`
		183	`font-size: $font-size-xs;`
		184
		185	`.theme-dark & {`
		186	`background-color: $dm-gray-100;`
		187	`}`
		188
		189	`select,`
		190	`.custom-select {`
		191	`padding-top: $custom-select-padding-y;`
		192	`padding-bottom: $custom-select-padding-y;`
		193	`font-size: $font-size-xs;`
		194	`}`
		195
		196	`.icon {`
		197	`margin: 0 0 0 15px;`
		198
		199	`.theme-dark & {`
		200	`filter: invert(1);`
		201	`}`
		202	`}`
		203	`}`
		204
		205	`.edited {`
		206	`display: inline-flex;`
		207	`align-items: center;`
		208	`margin-top: 1rem;`
		209	`padding: $badge-padding-y $badge-padding-x;`
		210	`@include font-size($badge-font-size);`
		211	`font-weight: $badge-font-weight;`
		212	`line-height: 1.3;`
		213	`text-align: center;`
		214	`vertical-align: baseline;`
		215	`@include border-radius($badge-border-radius);`
		216
		217	`background-color: $yellow-100;`
		218	`}`
		219
		220	`.picture {`
		221	`a {`
		222	`&:before {`
		223	`display: none;`
		224	`}`
		225	`}`
		226
		227	`img {`
		228	`&.userpicture {`
		229	`margin-top: 10px;`
		230
		231	`@include media-breakpoint-only(sm) {`
		232	`margin: 0`
		233	`}`
		234	`}`
		235	`}`
		236	`}`
		237
		238	`.subject {`
		239	`font-weight: $font-weight-medium;`
		240	`font-size: 1.5rem;`
		241	`color: $body-color;`
		242	`padding: 10px 0 0;`
		243
		244	`.theme-dark & {`
		245	`color: $dm-body-color;`
		246	`}`
		247
		248	`a {`
		249	`font-weight: $font-weight-medium;`
		250	`color: $body-color;`
		251
		252	`.theme-dark & {`
		253	`color: $dm-body-color;`
		254	`}`
		255	`}`
		256
		257
		258	`@include media-breakpoint-only(sm) {`
		259	`font-size: 0.8rem;`
		260	`}`
		261
		262	`}`
		263
		264	`.author {`
		265	`font-size: $font-size-sm;`
		266	`padding: 0 0 0.5rem;`
		267	`margin-bottom: 0;`
		268	`color: $gray-700;`
		269
		270	`@include media-breakpoint-only(sm) {`
		271	`font-size: $font-size-xs;`
		272	`}`
		273
		274	`a {`
		275	`color: $body-color-secondary;`
		276
		277	`.theme-dark & {`
		278	`color: $dm-body-color-secondary;`
		279	`}`
		280	`}`
		281	`}`
		282
		283	`.post-word-count {`
		284	`display: inline-block;`
		285
		286	`padding: 0.5rem 1rem;`
		287	`margin: 1rem 0 0;`
		288
		289
		290	`font-size: 0.75rem;`
		291	`font-weight: $font-weight-bold;`
		292	`font-style: normal;`
		293
		294	`background: $gray-400;`
		295	`color: $body-color-secondary;`
		296
		297	`border-radius: $btn-border-radius;`
		298
		299	`.theme-dark & {`
		300	`background: $dm-gray-400;`
		301	`color: $dm-body-color-secondary;`
		302	`}`
		303	`}`
		304
		305	`.options {`
		306	`margin: 1rem -1rem 0 !important;`
		307	`padding: 0.5rem 1.25rem;`
		308
		309	`border-top: 1px solid $border-color;`
		310
		311	`.theme-dark & {`
		312	`border-color: $dm-border-color;`
		313	`}`
		314
		315	`.commands {`
		316	`margin: 0 1rem;`
		317	`float: right;`
		318
		319	`color: $gray-400;`
		320
		321	`.theme-dark & {`
		322	`color: $dm-gray-400;`
		323	`}`
		324
		325	`@include media-breakpoint-only(sm) {`
		326	`margin: 0.5rem 0;`
		327	`display: block;`
		328	`float: none;`
		329	`width: auto;`
		330	`text-align: center;`
		331	`}`
		332
		333	`a {`
		334	`padding: 0 1.5rem;`
		335	`margin: 1.5rem 0 0.5rem 0;`
		336
		337	`@include media-breakpoint-only(sm) {`
		338	`display: block;`
		339	`padding: 0;`
		340	`margin: 1rem 0.5rem;`
		341	`}`
		342
		343	`font-size: $font-size-sm;`
		344	`font-weight: $font-weight-medium;`
		345
		346	`color: $body-color-secondary;`
		347	`border-left: none !important;`
		348
		349	`.theme-dark & {`
		350	`color: $dm-body-color-secondary;`
		351	`}`
		352
		353	`&:before {`
		354	`display: none;`
		355	`}`
		356	`}`
		357	`}`
		358	`}`
		359
		360
		361	`.tag_list {`
		362	`margin: 1rem 0;`
		363	`font-size: $font-size-xs;`
		364	`}`
		365
		366	`.footer {`
		367	`a {`
		368	`margin: 0.5rem 1rem;`
		369	`width: calc(100% - 2rem);`
		370	`}`
		371	`}`
		372
		373
		374	`.content,`
		375	`.topic {`
		376	`padding: 0 2rem;`
		377
		378	`@include media-breakpoint-only(sm) {`
		379	`padding: 0;`
		380	`}`
		381	`}`
		382
		383	`@include media-breakpoint-only(md) {`
		384	`.content {`
		385	`padding: 0;`
		386	`}`
		387	`}`
		388
		389	`.content {`
		390	`.posting.fullpost {`
		391	`margin-top: 0;`
		392	`padding-left: 3rem;`
		393
		394	`@include media-breakpoint-between(sm, md) {`
		395	`padding-left: 0;`
		396	`}`
		397	`}`
		398	`}`
		399
		400	`.row {`
		401
		402	`.topic,`
		403	`.content-mask,`
		404	`.options {`
		405	`margin-left: 43px;`
		406
		407	`@include media-breakpoint-only(sm) {`
		408	`margin-left: 0;`
		409	`}`
		410	`}`
		411
		412	`&.side {`
		413	`clear: both;`
		414	`}`
		415	`}`
		416
		417	`.commands {`
		418	`margin: 2rem 0;`
		419	`font-size: $font-size-xs;`
		420
		421	`a {`
		422	`margin: 0 1rem;`
		423
		424	`&:first-of-type {`
		425	`margin-left: 0;`
		426	`}`
		427	`}`
		428	`}`
		429	`}`
		430
		431	`.unread .forum-post-header {`
		432	`padding: 8px;`
		433	`background-color: var(--primary-color-100);`
		434	`border-radius: $btn-border-radius;`
		435	`}`
		436
		437	`.author-info-details {`
		438	`font-size: $font-size-xs;`
		439	`font-weight: $font-weight-medium;`
		440	`color: $body-color-secondary;`
		441
		442	`.theme-dark & {`
		443	`color: $dm-body-color-secondary;`
		444	`}`
		445	`}`
		446
		447	`.author-info {`
		448	`time {`
		449	`font-size: $font-size-xs;`
		450	`}`
		451	`}`
		452
		453	`.forumpost-locked {`
		454	`border: 2px dotted $red-200;`
		455	`padding: 0.25rem;`
		456	`margin: 0.25rem;`
		457	`}`
		458
		459
		460	`// Override hardcoded forum modules styling`
		461	`.forumsearch input[type=text] {`
		462	`margin-bottom: 0;`
		463	`}`
		464
		465	`#page-mod-forum-view {`
		466	`table {`
		467	`.fit-content {`
		468	`width: 1px;`
		469	`white-space: nowrap;`
		470	`}`
		471
		472	`.limit-width {`
		473	`max-width: 200px;`
		474	`white-space: nowrap;`
		475	`text-overflow: ellipsis;`
		476	`overflow: hidden;`
		477
		478	`.author-info {`
		479	`max-width: calc(100% - 35px - .5rem);`
		480	`}`
		481	`}`
		482	`}`
		483	`}`
		484
		485	`#page-mod-forum-view,`
		486	`#page-mod-forum-post,`
		487	`#page-mod-forum-discuss,`
		488	`#user-content {`
		489	`.main-content {`
		490	`.rui-main-content-title--h2 {`
		491	`color: $body-color-secondary;`
		492	`}`
		493	`}`
		494	`}`
		495
		496	`#page-mod-forum-subscribers {`
		497	`.main-content {`
		498	`h3:first-of-type {`
		499	`margin-bottom: 2rem;`
		500	`}`
		501	`}`
		502	`}`
		503
		504	`.forum-post-reply {`
		505	`@include media-breakpoint-up(md) {`
		506	`margin-left: 77px;`
		507	`max-width: 70%;`
		508	`}`
		509	`}`
		510
		511	`.forum-icon-col {`
		512	`a {`
		513	`display: flex;`
		514	`margin: 2px;`
		515	`padding: 4px;`
		516
		517	`.icon {`
		518	`padding: 2px;`
		519	`margin: 0;`
		520	`}`
		521	`}`
		522	`}`
		523
		524	`#page-mod-forum-discuss {`
		525	`.course-settings-menu {`
		526	`.search-input-group .search-input {`
		527	`width: 70px !important;`
		528	`}`
		529
		530	`&:hover {`
		531	`.search-input-group .search-input {`
		532	`width: auto !important;`
		533	`}`
		534	`}`
		535	`}`
		536	`}`
		537
		538	`#page-mod-forum-discuss .discussioncontrols {`
		539	`width: auto;`
		540	`margin: 0;`
		541
		542	`.form-inline input {`
		543	`margin-top: -1px;`
		544	`}`
		545	`}`
		546
		547	`$author-image-width: 70px;`
		548	`$author-image-margin: 24px;`
		549	`$author-image-width-sm: 30px;`
		550	`$author-image-margin-sm: 8px;`
		551
		552	`/** Gently highlight the selected post by changing it's background to blue and then fading it out. */`
		553	`@keyframes background-highlight {`
		554	`from {`
		555	`background-color: rgba(0, 123, 255, 0.5);`
		556	`}`
		557
		558	`to {`
		559	`background-color: inherit;`
		560	`}`
		561	`}`
		562
		563	`.path-mod-forum .nested-v2-display-mode,`
		564	`.path-mod-forum.nested-v2-display-mode {`
		565	`.discussionsubscription {`
		566	`margin-top: 0;`
		567	`text-align: inherit;`
		568	`margin-bottom: 0;`
		569	`}`
		570
		571	`.preload-subscribe,`
		572	`.preload-unsubscribe {`
		573	`display: none;`
		574	`}`
		575
		576	`.post-message {`
		577	`line-height: 1.6;`
		578	`}`
		579
		580	`.indent {`
		581	`margin-left: 0;`
		582	`}`
		583
		584	`/** Reset the badge styling back to pill style. */`
		585	`.badge {`
		586	`font-size: inherit;`
		587	`font-weight: inherit;`
		588	`padding-left: .5rem;`
		589	`padding-right: .5rem;`
		590	`border-radius: 10rem;`
		591	`}`
		592
		593	`.badge-light {`
		594	`background-color: #f6f6f6;`
		595	`color: #5b5b5b;`
		596	`}`
		597
		598	`/** Style the ratings like a badge. */`
		599	`.rating-aggregate-container {`
		600	`background-color: #f6f6f6;`
		601	`color: #5b5b5b;`
		602	`padding: .25em .5em;`
		603	`line-height: 1;`
		604	`margin-right: .5rem;`
		605	`vertical-align: middle;`
		606	`border-radius: 10rem;`
		607	`text-align: center;`
		608	`}`
		609
		610	`.ratinginput {`
		611	`padding: .25em 1.75rem 0.25em .75em;`
		612	`line-height: 1;`
		613	`height: auto;`
		614	`border-radius: 10rem;`
		615
		616	`@include media-breakpoint-between(xs, sm) {`
		617	`margin-top: .5rem;`
		618	`}`
		619	`}`
		620
		621	`.group-image {`
		622	`width: 35px;`
		623	`height: 35px;`
		624	`margin-right: 0;`
		625	`float: none;`
		626	`display: inline-block;`
		627	`}`
		628
		629	`/** Don't show the discussion locked alert in this mode because it's already indicated with a badge. */`
		630	`.alert.discussionlocked {`
		631	`@include sr-only();`
		632	`}`
		633
		634	`/** Fix muted text contrast ratios for accessibility. */`
		635	`.text-muted,`
		636	`.dimmed_text {`
		637	`color: $text-muted !important;`
		638	`/* stylelint-disable-line declaration-no-important */`
		639	`}`
		640
		641	`.author-header {`
		642	`font-style: italic;`
		643
		644	`.author-name {`
		645	`font-style: normal;`
		646	`}`
		647	`}`
		648
		649	`/** Make the tag list text screen reader visible only */`
		650	`.tag_list>b {`
		651	`@include sr-only();`
		652	`}`
		653
		654	`:target>.focus-target {`
		655	`animation-name: background-highlight;`
		656	`animation-duration: 1s;`
		657	`animation-timing-function: ease-in-out;`
		658	`animation-iteration-count: 1;`
		659	`}`
		660
		661	`.forum-post-container {`
		662	`.replies-container {`
		663	`.forum-post-container {`
		664	`border-top: 1px solid #dee2e6;`
		665	`padding-top: 1.5rem;`
		666
		667	`.replies-container .forum-post-container {`
		668	`border-top: none;`
		669	`padding-top: 0;`
		670	`}`
		671	`}`
		672
		673	`.inline-reply-container .reply-author {`
		674	`display: none;`
		675	`}`
		676	`}`
		677
		678	`.post-message p:last-of-type {`
		679	`margin-bottom: 0;`
		680	`}`
		681
		682	`.author-image-container {`
		683	`width: $author-image-width;`
		684	`margin-right: $author-image-margin;`
		685	`flex-shrink: 0;`
		686	`}`
		687
		688	`.inline-reply-container textarea {`
		689	`border: 0;`
		690	`resize: none;`
		691	`}`
		692
		693	`.indent {`
		694
		695	`/**`
		696	`* The first post and first set of replies have a larger author image so offset the 2nd`
		697	`* set of replies by the image width + margin to ensure they align.`
		698	`*/`
		699	`.indent {`
		700	`padding-left: $author-image-width + $author-image-margin;`
		701
		702	`/**`
		703	`* Reduce the size of the the author image for all second level replies (and below).`
		704	`*/`
		705	`.author-image-container {`
		706	`width: $author-image-width-sm;`
		707	`margin-right: $author-image-margin-sm;`
		708	`padding-top: (36px - $author-image-width-sm) * 0.5;`
		709	`}`
		710
		711	`/**`
		712	`* Adjust the indentation offset for all 3rd level replies and below for the smaller author image.`
		713	`*/`
		714	`.indent {`
		715	`padding-left: $author-image-width-sm + $author-image-margin-sm;`
		716
		717	`/**`
		718	`* Stop indenting the replies after the 5th reply.`
		719	`*/`
		720	`.indent .indent .indent {`
		721	`padding-left: 0;`
		722	`}`
		723	`}`
		724	`}`
		725	`}`
		726	`}`
		727	`}`
		728
		729	`/** Extra small devices (portrait phones, less than 576px). */`
		730	`@include media-breakpoint-between(xs, sm) {`
		731	`#page-mod-forum-discuss.nested-v2-display-mode {`
		732	`.forum-post-container {`
		733	`.author-image-container {`
		734	`width: $author-image-width-sm;`
		735	`margin-right: $author-image-margin-sm;`
		736	`}`
		737
		738	`.indent {`
		739	`.indent {`
		740	`padding-left: $author-image-width-sm + $author-image-margin-sm;`
		741
		742	`.indent .indent {`
		743	`padding-left: 0;`
		744	`}`
		745	`}`
		746	`}`
		747	`}`
		748
		749	`.group-image {`
		750	`width: 30px;`
		751	`height: 30px;`
		752	`}`
		753	`}`
		754	`}`
		755
		756	`// Make filter popover content scrollable if needed.`
		757	`.filter-scrollable {`
		758	`overflow-y: auto;`
		759	`max-height: 25em;`
		760	`margin-bottom: 1em;`
		761	`}`
		762
		763	`// Required to fit a date mform into a filter popover.`
		764	`#filter-groups-popover,`
		765	`.filter-dates-popover {`
		766	`width: 100%;`
		767	`max-width: 300px;`
		768	`left: 75px!important;`
		769
		770	`.form-check.fitem {`
		771	`width: 100%;`
		772	`padding: 0;`
		773	`margin: 6px;`
		774	`}`
		775
		776	`.col-md-9,`
		777	`.col-md-3 {`
		778	`flex: 0 0 100%;`
		779	`max-width: 100%;`
		780	`}`
		781
		782	`.col-form-label {`
		783	`padding: 0 6px!important;`
		784	`}`
		785
		786	`.custom-select,`
		787	`select.quickgrade {`
		788	`padding: 8px 21px 8px 10px;`
		789	`height: auto;`
		790	`font-size: 11px;`
		791	`}`
		792
		793	`.popover-body {`
		794	`padding: 10px 10px 16px;`
		795	`}`
		796
		797	`.rui-title-container+form, .mform+div {`
		798	`margin-top: 5px;`
		799	`margin-bottom: 0;`
		800	`}`
		801
		802	`.text-danger {`
		803	`color: #ffa0a0!important;`
		804	`}`
		805
		806	`.btn {`
		807	`display: flex;`
		808	`}`
		809
		810	`a[id*="_calendar"],`
		811	`.mform .form-inline .form-group {`
		812	`margin: 2px!important;`
		813	`}`
		814
		815	`#fitem_id_filterdatefrompopover,`
		816	`#fitem_id_filterdatetopopover {`
		817	`border-bottom: 1px solid $dropdown-border-color;`
		818	`padding: 0 0 10px!important;`
		819	`margin: 0!important;`
		820	`}`
		821
		822	`.filter-save {`
		823	`margin: 0 6px;`
		824	`}`
		825
		826	`#dates-filter-warning {`
		827	`padding: 0 6px;`
		828	`}`
		829	`}`
		830
		831	`#filter-groups-popover {`
		832	`.filter-scrollable {`
		833	`display: block;`
		834	`margin: 0 16px 16px!important;`
		835	`}`
		836
		837	`.filter-actions {`
		838	`width: calc(100% - 10px)00%;`
		839
		840	`display: inline-flex;`
		841	`align-content: center;`
		842	`align-items: center;`
		843	`justify-content: space-between;`
		844	`flex-wrap: wrap;`
		845
		846	`.btn {`
		847	`margin: 2px;`
		848	`padding: 3px 6px!important;`
		849	`font-weight: $font-weight-medium;`
		850	`}`
		851	`}`
		852
		853	`}`
		854
		855	`$grading-drawer-width: 430px !default;`
		856	`$grading-animation-duration: .3s !default;`
		857	`$grading-icon-button-size: 36px !default;`
		858	`$grading-search-button-padding-left: calc(#{map-get($spacers, 2)} + 8px) !default;`
		859	`$grading-search-input-padding-left: calc(#{map-get($spacers, 2)} + #{map-get($spacers, 2)} + #{$grading-icon-button-size - ($input-border-width * 2)}) !default;`
		860	`/* stylelint-disable-line max-line-length */`
		861	`$grading-search-input-padding-right: calc(#{map-get($spacers, 2)} + #{$grading-icon-button-size}) !default;`
		862	`$grading-nav-bar-active-drawer-button-bottom: calc(#{map-get($spacers, 2) * -1} - 1px) !default;`
		863	`$grading-content-show-content-button-padding-left: calc(#{map-get($spacers, 2) * 2} + 45px) !default;`
		864
		865	`@keyframes expandSearchButton {`
		866	`from {`
		867	`height: $grading-icon-button-size;`
		868	`width: $grading-icon-button-size;`
		869	`border-radius: $grading-icon-button-size * 0.5;`
		870	`background-color: $gray-200;`
		871	`}`
		872
		873	`to {`
		874	`width: 100%;`
		875	`height: $input-height-lg;`
		876	`border-radius: 0;`
		877	`background-color: $input-bg;`
		878	`border-color: $input-border-color;`
		879	`padding-left: $grading-search-button-padding-left;`
		880	`padding-top: $input-padding-y-lg;`
		881	`padding-bottom: $input-padding-y-lg;`
		882	`@include font-size($input-font-size-lg);`
		883	`line-height: $input-line-height-lg;`
		884	`right: 0;`
		885	`}`
		886	`}`
		887
		888	`@keyframes collapseSearchButton {`
		889	`from {`
		890	`width: 100%;`
		891	`height: $input-height-lg;`
		892	`border-radius: 0;`
		893	`background-color: $input-bg;`
		894	`border-color: $input-border-color;`
		895	`padding-left: $grading-search-button-padding-left;`
		896	`padding-top: $input-padding-y-lg;`
		897	`padding-bottom: $input-padding-y-lg;`
		898	`@include font-size($input-font-size-lg);`
		899	`line-height: $input-line-height-lg;`
		900	`right: 0;`
		901	`}`
		902
		903	`to {`
		904	`height: $grading-icon-button-size;`
		905	`width: $grading-icon-button-size;`
		906	`border-radius: $grading-icon-button-size * 0.5;`
		907	`background-color: $gray-200;`
		908	`}`
		909	`}`
		910
		911	`.path-mod-forum .unified-grader {`
		912	`@include media-breakpoint-up(xs) {`
		913	`.rui-topbar {`
		914	`max-height: none;`
		915	`z-index: 1;`
		916	`}`
		917	`}`
		918
		919	`.body-container {`
		920	`overflow: auto;`
		921
		922	`&.hidden {`
		923	`display: none !important;`
		924	`/* stylelint-disable-line declaration-no-important */`
		925	`}`
		926	`}`
		927
		928	`.userpicture {`
		929	`height: 60px;`
		930	`width: 60px;`
		931	`}`
		932
		933	`.grader-grading-panel {`
		934	`right: 0;`
		935
		936	`&.hidden {`
		937	`right: ($grading-drawer-width * -1);`
		938	`}`
		939
		940	`.grading-icon {`
		941	`width: $grading-icon-button-size;`
		942	`}`
		943
		944	`.user-picker-container {`
		945	`.user-full-name {`
		946	`max-width: 240px;`
		947	`}`
		948
		949	`.page-link {`
		950	`width: $grading-icon-button-size;`
		951	`height: $grading-icon-button-size;`
		952	`display: flex;`
		953	`text-align: center;`
		954	`align-items: center;`
		955	`justify-content: center;`
		956	`}`
		957	`}`
		958
		959	`.header-container {`
		960	`height: 65px;`
		961	`position: relative;`
		962	`overflow: hidden;`
		963
		964	`.info-container {`
		965	`position: absolute;`
		966	`top: 50%;`
		967	`left: 0;`
		968	`transform: translateY(-50%);`
		969	`width: 100%;`
		970	`height: 100%;`
		971	`padding: map-get($spacers, 2);`
		972	`padding-right: calc(#{$grading-icon-button-size} + #{map-get($spacers, 2)});`
		973	`opacity: 1;`
		974	`visibility: visible;`
		975	`transition: left $grading-animation-duration ease-in-out;`
		976	`z-index: 1;`
		977	`}`
		978
		979	`.toggle-search-button {`
		980	`background-color: $gray-100;`
		981	`color: $body-color;`
		982	`width: 30px;`
		983	`height: 30px;`
		984	`border-radius: $btn-border-radius-lg;`
		985	`border: 0;`
		986
		987	`&.expand {`
		988	`animation-name: expandSearchButton;`
		989	`animation-duration: $grading-animation-duration;`
		990	`animation-timing-function: ease-in-out;`
		991	`}`
		992
		993	`&.collapse {`
		994	`display: block;`
		995	`animation-name: collapseSearchButton;`
		996	`animation-duration: $grading-animation-duration;`
		997	`}`
		998	`}`
		999
		1000	`.user-search-container {`
		1001	`overflow: hidden;`
		1002	`position: absolute;`
		1003	`top: 50%;`
		1004	`right: 0;`
		1005	`transform: translateY(-50%);`
		1006	`z-index: 2;`
		1007	`width: 100%;`
		1008	`height: 100% !important;`
		1009	`/* stylelint-disable-line declaration-no-important */`
		1010	`padding: map-get($spacers, 2);`
		1011
		1012	`.search-input-container {`
		1013	`position: relative;`
		1014	`overflow: visible;`
		1015	`flex-wrap: nowrap;`
		1016
		1017	`input {`
		1018	`padding-left: $grading-search-input-padding-left;`
		1019	`padding-right: $grading-search-input-padding-right;`
		1020	`opacity: 1;`
		1021	`visibility: visible;`
		1022	`transition:`
		1023	`opacity 0s linear $grading-animation-duration,`
		1024	`visibility 0s linear;`
		1025	`}`
		1026
		1027	`.search-icon {`
		1028	`position: absolute;`
		1029	`top: 50%;`
		1030	`left: map-get($spacers, 2);`
		1031	`transform: translateY(-50%);`
		1032	`color: $input-color;`
		1033	`height: $grading-icon-button-size;`
		1034	`width: $grading-icon-button-size - ($input-border-width * 2);`
		1035	`background-color: $input-bg;`
		1036	`opacity: 1;`
		1037	`visibility: visible;`
		1038	`transition:`
		1039	`opacity 0s linear $grading-animation-duration,`
		1040	`visibility 0s linear $grading-animation-duration;`
		1041
		1042	`.theme-dark & {`
		1043	`color: $dm-input-color;`
		1044	`background-color: $dm-input-bg;`
		1045	`}`
		1046	`}`
		1047
		1048	`.toggle-search-button {`
		1049	`position: absolute;`
		1050	`top: 50%;`
		1051	`right: map-get($spacers, 2);`
		1052	`transform: translateY(-50%);`
		1053	`z-index: 1;`
		1054	`color: inherit;`
		1055	`text-align: left;`
		1056	`padding-left: 9px;`
		1057	`transition: right 0s linear $grading-animation-duration;`
		1058
		1059	`.expanded-icon {`
		1060	`line-height: 1;`
		1061	`opacity: 1;`
		1062	`visibility: visible;`
		1063	`max-width: 50px;`
		1064	`max-height: 50px;`
		1065	`transition:`
		1066	`opacity 0s linear $grading-animation-duration,`
		1067	`max-height 0s linear $grading-animation-duration,`
		1068	`max-width 0s linear $grading-animation-duration,`
		1069	`visibility 0s linear $grading-animation-duration;`
		1070	`}`
		1071
		1072	`.collapsed-icon {`
		1073	`line-height: 1;`
		1074	`opacity: 0;`
		1075	`visibility: hidden;`
		1076	`max-height: 0;`
		1077	`max-width: 0;`
		1078	`overflow: hidden;`
		1079	`transition:`
		1080	`opacity 0s linear $grading-animation-duration,`
		1081	`max-height 0s linear $grading-animation-duration,`
		1082	`max-width 0s linear $grading-animation-duration,`
		1083	`visibility 0s linear $grading-animation-duration;`
		1084	`}`
		1085	`}`
		1086	`}`
		1087
		1088	`&.collapsed {`
		1089	`width: calc(#{$grading-icon-button-size} + #{map-get($spacers, 2)} + #{map-get($spacers, 2)});`
		1090	`transition: width $grading-animation-duration ease-in-out;`
		1091
		1092	`.search-input-container {`
		1093	`flex-wrap: nowrap;`
		1094
		1095	`input,`
		1096	`.search-icon {`
		1097	`opacity: 0;`
		1098	`visibility: hidden;`
		1099	`transition:`
		1100	`opacity 0s linear,`
		1101	`visibility 0s linear;`
		1102	`}`
		1103
		1104	`input {`
		1105	`padding-left: 0;`
		1106	`padding-right: 0;`
		1107	`}`
		1108
		1109	`.toggle-search-button {`
		1110	`.expanded-icon {`
		1111	`opacity: 0;`
		1112	`visibility: hidden;`
		1113	`max-height: 0;`
		1114	`max-width: 0;`
		1115	`overflow: hidden;`
		1116	`transition:`
		1117	`opacity 0s linear,`
		1118	`max-height 0s linear,`
		1119	`max-width 0s linear,`
		1120	`visibility 0s linear;`
		1121	`}`
		1122
		1123	`.collapsed-icon {`
		1124	`opacity: 1;`
		1125	`visibility: visible;`
		1126	`max-width: 50px;`
		1127	`max-height: 50px;`
		1128	`transition:`
		1129	`opacity 0s linear,`
		1130	`max-height 0s linear,`
		1131	`max-width 0s linear,`
		1132	`visibility 0s linear;`
		1133	`}`
		1134	`}`
		1135	`}`
		1136	`}`
		1137	`}`
		1138
		1139	`.user-search-container:not(.collapsed)+.info-container {`
		1140	`opacity: 0;`
		1141	`visibility: hidden;`
		1142	`left: calc(100% * -1);`
		1143	`transition:`
		1144	`left $grading-animation-duration ease-in-out,`
		1145	`opacity 0s linear $grading-animation-duration,`
		1146	`visibility 0s linear $grading-animation-duration,`
		1147	`padding 0s linear $grading-animation-duration;`
		1148	`}`
		1149	`}`
		1150	`}`
		1151
		1152	`.grader-module-content {`
		1153	`overflow-y: auto;`
		1154	`margin-right: $grading-drawer-width;`
		1155	`@include transition(margin-right .2s ease-in-out);`
		1156	`}`
		1157
		1158	`.drawer-button {`
		1159	`position: relative;`
		1160
		1161	`&.active::after {`
		1162	`content: "";`
		1163	`position: absolute;`
		1164	`bottom: $grading-nav-bar-active-drawer-button-bottom;`
		1165	`left: 0;`
		1166	`width: 100%;`
		1167	`height: 3px;`
		1168	`background-color: map-get($theme-colors, 'primary');`
		1169	`}`
		1170
		1171	`.icon {`
		1172	`font-size: 20px;`
		1173	`height: 20px;`
		1174	`width: 20px;`
		1175	`}`
		1176	`}`
		1177
		1178	`.grader-module-content-display {`
		1179	`.discussion-container {`
		1180	`&:last-of-type {`
		1181	`>hr {`
		1182	`display: none;`
		1183	`}`
		1184	`}`
		1185
		1186	`.posts-container {`
		1187	`&:last-of-type {`
		1188	`>hr {`
		1189	`display: none;`
		1190	`}`
		1191	`}`
		1192
		1193	`.parent-container {`
		1194	`position: relative;`
		1195
		1196	`.show-content-button {`
		1197	`height: 100%;`
		1198	`width: 100%;`
		1199	`left: 0;`
		1200	`top: 0;`
		1201	`padding-left: $grading-content-show-content-button-padding-left;`
		1202	`text-align: left;`
		1203	`z-index: 1;`
		1204
		1205	`&:not(.collapsed) {`
		1206	`display: none;`
		1207	`}`
		1208	`}`
		1209
		1210	`.content {`
		1211	`display: block;`
		1212	`height: auto !important;`
		1213	`/* stylelint-disable-line declaration-no-important */`
		1214
		1215	`.header {`
		1216	`transition: margin-bottom $grading-animation-duration ease-in-out;`
		1217
		1218	`div+div {`
		1219	`opacity: 1;`
		1220	`visibility: visible;`
		1221	`max-height: none;`
		1222	`transition:`
		1223	`opacity $grading-animation-duration linear,`
		1224	`visibility 0s linear;`
		1225	`}`
		1226	`}`
		1227
		1228	`.body-content-container {`
		1229	`opacity: 1;`
		1230	`visibility: visible;`
		1231	`max-height: none;`
		1232	`transition:`
		1233	`opacity $grading-animation-duration linear,`
		1234	`visibility 0s linear;`
		1235	`}`
		1236
		1237	`.forum-post-core {`
		1238	`opacity: 1;`
		1239	`visibility: visible;`
		1240	`max-height: none;`
		1241	`transition:`
		1242	`opacity $grading-animation-duration linear,`
		1243	`visibility 0s linear;`
		1244	`}`
		1245	`}`
		1246
		1247	`.show-content-button.collapsed+.content {`
		1248	`opacity: .3;`
		1249
		1250	`.header {`
		1251	`margin-bottom: 0 !important;`
		1252	`/* stylelint-disable-line declaration-no-important */`
		1253
		1254	`div+div {`
		1255	`opacity: 0;`
		1256	`visibility: hidden;`
		1257	`max-height: 0;`
		1258	`}`
		1259	`}`
		1260
		1261	`.body-content-container {`
		1262	`opacity: 0;`
		1263	`visibility: hidden;`
		1264	`max-height: 0;`
		1265	`}`
		1266
		1267	`.forum-post-core {`
		1268	`opacity: 0;`
		1269	`visibility: hidden;`
		1270	`max-height: 0;`
		1271	`}`
		1272	`}`
		1273
		1274	`.show-content-button.collapsed:hover+.content,`
		1275	`.show-content-button.collapsed:focus+.content {`
		1276	`opacity: 1;`
		1277	`}`
		1278	`}`
		1279	`}`
		1280	`}`
		1281
		1282	`.no-post-container {`
		1283	`.icon {`
		1284	`height: 250px;`
		1285	`width: 250px;`
		1286	`margin-right: 0;`
		1287	`}`
		1288	`}`
		1289
		1290	`.nested-v2-display-mode {`
		1291	`.discussion-container {`
		1292	`.posts-container {`
		1293	`.parent-container {`
		1294	`.show-content-button {`
		1295	`padding-left: $author-image-width + $author-image-margin;`
		1296	`}`
		1297	`}`
		1298	`}`
		1299	`}`
		1300	`}`
		1301	`}`
		1302
		1303	`.no-search-results-container {`
		1304	`.icon {`
		1305	`height: 250px;`
		1306	`width: 250px;`
		1307	`margin-right: 0;`
		1308	`}`
		1309	`}`
		1310
		1311	`.nested-v2-display-mode {`
		1312	`.view-context-button {`
		1313	`margin-left: $author-image-width + $author-image-margin;`
		1314	`border-radius: $btn-border-radius-lg;`
		1315	`}`
		1316
		1317	`.parent-container {`
		1318	`.author-image-container {`
		1319	`position: relative;`
		1320
		1321	`&:after {`
		1322	`position: absolute;`
		1323	`top: calc(#{$author-image-width} + #{map-get($spacers, 2)});`
		1324	`content: "";`
		1325	`background-color: $gray-200;`
		1326	`width: 2px;`
		1327	`height: calc(100% - #{$author-image-width} + #{map-get($spacers, 2)});`
		1328	`}`
		1329	`}`
		1330	`}`
		1331
		1332	`.parent-container+.post-container {`
		1333	`.author-image-container {`
		1334	`img {`
		1335	`width: $author-image-width-sm !important;`
		1336	`/* stylelint-disable-line declaration-no-important */`
		1337	`}`
		1338	`}`
		1339	`}`
		1340	`}`
		1341	`}`
		1342
		1343	`.theme-dark.path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand,`
		1344	`.theme-dark.path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button {`
		1345	`background-color: $dm-gray-100;`
		1346	`}`
		1347
		1348	`.path-mod-forum .unified-grader .nested-v2-display-mode,`
		1349	`.path-mod-forum .modal .nested-v2-display-mode {`
		1350	`.post-subject {`
		1351	`display: none;`
		1352	`}`
		1353	`}`
		1354
		1355	`@include media-breakpoint-up(xs) {`
		1356	`.path-mod-forum .unified-grader {`
		1357	`.grader-grading-panel {`
		1358	`width: 100%;`
		1359	`position: fixed;`
		1360	`overflow: auto;`
		1361	`top: 0;`
		1362	`z-index: $zindex-fixed + 90;`
		1363	`}`
		1364
		1365	`.body-container {`
		1366	`overflow: visible;`
		1367	`}`
		1368	`}`
		1369	`}`
		1370
		1371
		1372	`.path-mod-forum .discussionsubscription,`
		1373	`.path-mod-forum .discussion-settings-menu,`
		1374	`.path-mod-forum .discussionsubscription {`
		1375	`margin-top: 0;`
		1376	`margin-bottom: 0;`
		1377	`}`
		1378
		1379	`.attachedimages {`
		1380	`img {`
		1381	`border-radius: $btn-border-radius;`
		1382	`}`
		1383	`}`
		1384
		1385	`$author-image-width: 70px;`
		1386	`$author-image-margin: 24px;`
		1387	`$author-image-width-sm: 30px;`
		1388	`$author-image-margin-sm: 8px;`
		1389	`$grading-drawer-width: 430px !default;`
		1390	`$grading-animation-duration: .3s !default;`
		1391	`$grading-icon-button-size: 56px !default;`
		1392	`$grading-search-button-padding-left: calc(#{map-get($spacers, 2)} + 8px) !default;`
		1393	`$grading-search-input-padding-left: calc(#{map-get($spacers, 2)} + #{map-get($spacers, 2)} + #{$grading-icon-button-size - ($input-border-width * 2)}) !default;`
		1394	`/* stylelint-disable-line max-line-length */`
		1395	`$grading-search-input-padding-right: calc(#{map-get($spacers, 2)} + #{$grading-icon-button-size}) !default;`
		1396	`$grading-nav-bar-active-drawer-button-bottom: calc(#{map-get($spacers, 2) * -1} - 1px) !default;`
		1397	`$grading-content-show-content-button-padding-left: calc(#{map-get($spacers, 2) * 2} + 45px) !default;`
		1398
		1399
		1400	`@keyframes collapseSearchButton {`
		1401	`from {`
		1402	`width: 100%;`
		1403	`height: $input-height-lg;`
		1404	`border-radius: 0;`
		1405	`background-color: $input-bg;`
		1406	`border-color: $input-border-color;`
		1407	`padding-left: $grading-search-button-padding-left;`
		1408	`padding-top: $input-padding-y-lg;`
		1409	`padding-bottom: $input-padding-y-lg;`
		1410	`line-height: $input-line-height-lg;`
		1411	`right: 0;`
		1412	`}`
		1413
		1414	`to {`
		1415	`height: $grading-icon-button-size;`
		1416	`width: $grading-icon-button-size;`
		1417	`border-radius: $grading-icon-button-size * 0.5;`
		1418	`background-color: $gray-200;`
		1419	`}`
		1420	`}`
		1421
		1422	`.path-mod-forum .unified-grader {`
		1423	`.rui-topbar {`
		1424	`max-height: none;`
		1425	`z-index: 1;`
		1426	`}`
		1427
		1428	`.body-container {`
		1429	`&.hidden {`
		1430	`display: none !important;`
		1431	`/* stylelint-disable-line declaration-no-important */`
		1432	`}`
		1433	`}`
		1434
		1435	`.userpicture {`
		1436	`height: 50px;`
		1437	`width: 50px;`
		1438	`}`
		1439
		1440	`.grader-grading-panel {`
		1441	`position: absolute;`
		1442	`padding: 20px;`
		1443	`z-index: 0;`
		1444	`width: $grading-drawer-width;`
		1445
		1446	`&.hidden {`
		1447	`right: ($grading-drawer-width * -1);`
		1448	`}`
		1449
		1450	`.grading-icon {`
		1451	`width: $grading-icon-button-size;`
		1452	`}`
		1453
		1454	`.user-picker-container {`
		1455	`.user-full-name {`
		1456	`max-width: 240px;`
		1457	`font-size: $font-size-sm;`
		1458	`}`
		1459
		1460	`.page-link {`
		1461	`display: flex;`
		1462	`text-align: center;`
		1463	`align-items: center;`
		1464	`justify-content: center;`
		1465	`}`
		1466	`}`
		1467
		1468	`.header-container {`
		1469	`height: 65px;`
		1470	`position: relative;`
		1471	`overflow: hidden;`
		1472
		1473	`.info-container {`
		1474	`position: absolute;`
		1475	`top: 50%;`
		1476	`left: 0;`
		1477	`transform: translateY(-50%);`
		1478	`width: 100%;`
		1479	`height: 100%;`
		1480	`padding: map-get($spacers, 2);`
		1481	`padding-right: calc(#{$grading-icon-button-size} + #{map-get($spacers, 2)});`
		1482	`opacity: 1;`
		1483	`visibility: visible;`
		1484	`transition: left $grading-animation-duration ease-in-out;`
		1485	`z-index: 1;`
		1486	`}`
		1487
		1488	`.toggle-search-button {`
		1489	`&.expand {`
		1490	`background-color: $input-bg;`
		1491	`border: none;`
		1492	`padding-left: $grading-search-button-padding-left;`
		1493	`padding-top: $input-padding-y-lg;`
		1494	`padding-bottom: $input-padding-y-lg;`
		1495	`line-height: $input-line-height-lg;`
		1496	`right: 0;`
		1497
		1498	`.theme-dark & {`
		1499	`background-color: $dm-input-bg;`
		1500	`}`
		1501	`}`
		1502
		1503	`&.collapse {`
		1504	`display: block;`
		1505	`}`
		1506	`}`
		1507
		1508	`.user-search-container {`
		1509	`overflow: hidden;`
		1510	`position: absolute;`
		1511	`top: 50%;`
		1512	`right: 0;`
		1513	`transform: translateY(-50%);`
		1514	`z-index: 2;`
		1515	`width: 100%;`
		1516	`height: 100% !important;`
		1517	`/* stylelint-disable-line declaration-no-important */`
		1518	`padding: map-get($spacers, 2);`
		1519
		1520	`.search-input-container {`
		1521	`position: relative;`
		1522	`overflow: visible;`
		1523	`flex-wrap: nowrap;`
		1524
		1525	`input {`
		1526	`padding-left: $grading-search-input-padding-left;`
		1527	`padding-right: $grading-search-input-padding-right;`
		1528	`opacity: 1;`
		1529	`visibility: visible;`
		1530	`transition:`
		1531	`opacity 0s linear $grading-animation-duration,`
		1532	`visibility 0s linear;`
		1533	`}`
		1534
		1535	`.search-icon {`
		1536	`position: absolute;`
		1537	`top: 50%;`
		1538	`left: map-get($spacers, 2);`
		1539	`transform: translateY(-50%);`
		1540	`color: $input-color;`
		1541	`height: $grading-icon-button-size;`
		1542	`width: $grading-icon-button-size - ($input-border-width * 2);`
		1543	`background-color: transparent;`
		1544
		1545	`opacity: 1;`
		1546	`visibility: visible;`
		1547	`transition:`
		1548	`opacity 0s linear $grading-animation-duration,`
		1549	`visibility 0s linear $grading-animation-duration;`
		1550
		1551	`.theme-dark & {`
		1552	`color: $dm-input-color;`
		1553	`}`
		1554
		1555	`.icon {`
		1556	`font-size: $font-size-sm;`
		1557	`}`
		1558	`}`
		1559
		1560	`.toggle-search-button {`
		1561	`position: absolute;`
		1562	`top: 50%;`
		1563	`right: map-get($spacers, 2);`
		1564	`transform: translateY(-50%);`
		1565	`z-index: 1;`
		1566	`color: inherit;`
		1567	`text-align: left;`
		1568	`padding: 0;`
		1569	`transition: right 0s linear $grading-animation-duration;`
		1570
		1571	`.expanded-icon {`
		1572	`opacity: 1;`
		1573	`visibility: visible;`
		1574	`max-width: 50px;`
		1575	`max-height: 50px;`
		1576	`transition:`
		1577	`opacity 0s linear $grading-animation-duration,`
		1578	`max-height 0s linear $grading-animation-duration,`
		1579	`max-width 0s linear $grading-animation-duration,`
		1580	`visibility 0s linear $grading-animation-duration;`
		1581	`}`
		1582
		1583	`.collapsed-icon {`
		1584	`opacity: 0;`
		1585	`visibility: hidden;`
		1586	`max-height: 0;`
		1587	`max-width: 0;`
		1588	`overflow: hidden;`
		1589	`transition:`
		1590	`opacity 0s linear $grading-animation-duration,`
		1591	`max-height 0s linear $grading-animation-duration,`
		1592	`max-width 0s linear $grading-animation-duration,`
		1593	`visibility 0s linear $grading-animation-duration;`
		1594	`}`
		1595	`}`
		1596	`}`
		1597
		1598	`&.collapsed {`
		1599	`width: calc(#{$grading-icon-button-size} + #{map-get($spacers, 2)} + #{map-get($spacers, 2)});`
		1600	`transition: width $grading-animation-duration ease-in-out;`
		1601
		1602	`.search-input-container {`
		1603	`flex-wrap: nowrap;`
		1604
		1605	`input,`
		1606	`.search-icon {`
		1607	`opacity: 0;`
		1608	`visibility: hidden;`
		1609	`transition:`
		1610	`opacity 0s linear,`
		1611	`visibility 0s linear;`
		1612	`}`
		1613
		1614	`input {`
		1615	`padding-left: 0;`
		1616	`padding-right: 0;`
		1617	`}`
		1618
		1619	`.toggle-search-button {`
		1620	`.expanded-icon {`
		1621	`opacity: 0;`
		1622	`visibility: hidden;`
		1623	`max-height: 0;`
		1624	`max-width: 0;`
		1625	`overflow: hidden;`
		1626	`transition:`
		1627	`opacity 0s linear,`
		1628	`max-height 0s linear,`
		1629	`max-width 0s linear,`
		1630	`visibility 0s linear;`
		1631	`}`
		1632
		1633	`.collapsed-icon {`
		1634	`opacity: 1;`
		1635	`visibility: visible;`
		1636	`max-width: 50px;`
		1637	`max-height: 50px;`
		1638	`transition:`
		1639	`opacity 0s linear,`
		1640	`max-height 0s linear,`
		1641	`max-width 0s linear,`
		1642	`visibility 0s linear;`
		1643	`}`
		1644	`}`
		1645	`}`
		1646	`}`
		1647	`}`
		1648
		1649	`.user-search-container:not(.collapsed)+.info-container {`
		1650	`opacity: 0;`
		1651	`visibility: hidden;`
		1652	`left: calc(100% * -1);`
		1653	`transition:`
		1654	`left $grading-animation-duration ease-in-out,`
		1655	`opacity 0s linear $grading-animation-duration,`
		1656	`visibility 0s linear $grading-animation-duration,`
		1657	`padding 0s linear $grading-animation-duration;`
		1658	`}`
		1659	`}`
		1660	`}`
		1661
		1662	`.grader-module-content {`
		1663	`overflow-y: auto;`
		1664	`margin-right: $grading-drawer-width;`
		1665	`@include transition(margin-right .2s ease-in-out);`
		1666	`}`
		1667
		1668	`.drawer-button {`
		1669	`position: relative;`
		1670
		1671	`&.active::after {`
		1672	`content: "";`
		1673	`position: absolute;`
		1674	`bottom: $grading-nav-bar-active-drawer-button-bottom;`
		1675	`left: 0;`
		1676	`width: 100%;`
		1677	`height: 3px;`
		1678	`background-color: map-get($theme-colors, 'primary');`
		1679	`}`
		1680
		1681	`.icon {`
		1682	`font-size: 20px;`
		1683	`height: 20px;`
		1684	`width: 20px;`
		1685	`}`
		1686	`}`
		1687
		1688	`.grader-module-content-display {`
		1689	`.discussion-container {`
		1690	`&:last-of-type {`
		1691	`>hr {`
		1692	`display: none;`
		1693	`}`
		1694	`}`
		1695
		1696	`.posts-container {`
		1697	`&:last-of-type {`
		1698	`>hr {`
		1699	`display: none;`
		1700	`}`
		1701	`}`
		1702
		1703	`.parent-container {`
		1704	`position: relative;`
		1705
		1706	`.show-content-button {`
		1707	`z-index: 1;`
		1708
		1709	`&:not(.collapsed) {`
		1710	`display: none;`
		1711	`}`
		1712	`}`
		1713
		1714	`.content {`
		1715	`display: block;`
		1716	`height: auto !important;`
		1717	`/* stylelint-disable-line declaration-no-important */`
		1718
		1719	`.header {`
		1720	`transition: margin-bottom $grading-animation-duration ease-in-out;`
		1721
		1722	`div+div {`
		1723	`opacity: 1;`
		1724	`visibility: visible;`
		1725	`max-height: none;`
		1726	`transition:`
		1727	`opacity $grading-animation-duration linear,`
		1728	`visibility 0s linear;`
		1729	`}`
		1730	`}`
		1731
		1732	`.body-content-container {`
		1733	`opacity: 1;`
		1734	`visibility: visible;`
		1735	`max-height: none;`
		1736	`transition:`
		1737	`opacity $grading-animation-duration linear,`
		1738	`visibility 0s linear;`
		1739	`}`
		1740
		1741	`.forum-post-core {`
		1742	`opacity: 1;`
		1743	`visibility: visible;`
		1744	`max-height: none;`
		1745	`transition:`
		1746	`opacity $grading-animation-duration linear,`
		1747	`visibility 0s linear;`
		1748	`}`
		1749	`}`
		1750
		1751	`.show-content-button.collapsed+.content {`
		1752	`display: none;`
		1753
		1754	`.header {`
		1755	`margin-bottom: 0 !important;`
		1756	`/* stylelint-disable-line declaration-no-important */`
		1757
		1758	`div+div {`
		1759	`opacity: 0;`
		1760	`visibility: hidden;`
		1761	`max-height: 0;`
		1762	`}`
		1763	`}`
		1764
		1765	`.body-content-container {`
		1766	`opacity: 0;`
		1767	`visibility: hidden;`
		1768	`max-height: 0;`
		1769	`}`
		1770
		1771	`.forum-post-core {`
		1772	`opacity: 0;`
		1773	`visibility: hidden;`
		1774	`max-height: 0;`
		1775	`}`
		1776	`}`
		1777
		1778	`.show-content-button.collapsed:hover+.content,`
		1779	`.show-content-button.collapsed:focus+.content {`
		1780	`opacity: 1;`
		1781	`}`
		1782	`}`
		1783	`}`
		1784	`}`
		1785
		1786	`.no-post-container {`
		1787	`.icon {`
		1788	`height: 250px;`
		1789	`width: 250px;`
		1790	`margin-right: 0;`
		1791	`}`
		1792	`}`
		1793
		1794	`.nested-v2-display-mode {`
		1795	`.discussion-container {`
		1796	`.posts-container {`
		1797	`.parent-container {`
		1798	`.show-content-button {`
		1799	`padding-left: $author-image-width + $author-image-margin;`
		1800	`}`
		1801	`}`
		1802	`}`
		1803	`}`
		1804	`}`
		1805	`}`
		1806
		1807	`.no-search-results-container {`
		1808	`.icon {`
		1809	`height: 250px;`
		1810	`width: 250px;`
		1811	`margin-right: 0;`
		1812	`}`
		1813	`}`
		1814
		1815	`.nested-v2-display-mode {`
		1816	`.view-context-button {`
		1817	`margin-left: $author-image-width + $author-image-margin;`
		1818	`border-radius: $btn-border-radius-lg;`
		1819	`}`
		1820
		1821	`.parent-container {`
		1822	`.author-image-container {`
		1823	`position: relative;`
		1824
		1825	`&:after {`
		1826	`position: absolute;`
		1827	`top: calc(#{$author-image-width} + #{map-get($spacers, 2)});`
		1828	`content: "";`
		1829	`background-color: $gray-200;`
		1830	`width: 2px;`
		1831	`height: calc(100% - #{$author-image-width} + #{map-get($spacers, 2)});`
		1832	`}`
		1833	`}`
		1834	`}`
		1835
		1836	`.parent-container+.post-container {`
		1837	`.author-image-container {`
		1838	`img {`
		1839	`width: $author-image-width-sm !important;`
		1840	`/* stylelint-disable-line declaration-no-important */`
		1841	`}`
		1842	`}`
		1843	`}`
		1844	`}`
		1845	`}`
		1846
		1847	`.path-mod-forum .unified-grader .nested-v2-display-mode,`
		1848	`.path-mod-forum .modal .nested-v2-display-mode {`
		1849	`.post-subject {`
		1850	`display: none;`
		1851	`}`
		1852	`}`
		1853
		1854	`@include media-breakpoint-down(xs) {`
		1855	`.path-mod-forum .unified-grader {`
		1856	`.grader-grading-panel {`
		1857	`width: 100%;`
		1858	`}`
		1859	`}`
		1860	`}`
		1861
		1862	`.grade-notifications-box,`
		1863	`.grade-grade-box {`
		1864	`padding: 20px;`
		1865	`border: 1px solid $border-color;`
		1866	`border-radius: $btn-border-radius;`
		1867
		1868	`.theme-dark & {`
		1869	`border-color: $dm-border-color;`
		1870	`}`
		1871
		1872	`label {`
		1873	`margin: 0.5rem 0;`
		1874	`}`
		1875	`}`
		1876
		1877	`#page-mod-forum-search {`
		1878	`.rui-main-content-title--h4 {`
		1879	`margin-top: 1rem;`
		1880	`}`
		1881
		1882	`.rui-main-content-title--h3 {`
		1883	`margin-bottom: $page-padding-global;`
		1884	`}`
		1885	`}`
		1886
		1887	`.path-mod-forum .forumthread.post-replies {`
		1888	`margin-left: 76px;`
		1889	`}`
		1890
		1891	`.rui-forum-border-left {`
		1892	`position: relative;`
		1893
		1894	`&:before {`
		1895	`content: '';`
		1896	`background-color: $border-color;`
		1897	`height: 16px;`
		1898	`width: 1px;`
		1899
		1900	`position: absolute;`
		1901	`top: calc(50% - 8px);`
		1902	`left: 0;`
		1903
		1904	`.theme-dark & {`
		1905	`background-color: $dm-border-color;`
		1906	`}`
		1907	`}`
		1908	`}`
		1909
		1910	`#page-mod-forum-index .subscription,`
		1911	`#page-mod-forum-view .subscription {`
		1912	`margin: 0 !important;`
		1913	`padding: 0 !important;`
		1914
		1915	`display: inline-flex;`
		1916
		1917	`.helplink+.helplink {`
		1918	`margin-left: .25rem;`
		1919	`}`
		1920	`}`
		1921
		1922	`#page-mod-forum-index {`
		1923	`.generaltable {`
		1924	`td, th {`
		1925	`max-width: 300px;`
		1926	`}`
		1927	`}`
		1928	`}`
		1929
		1930	`.path-mod-forum-report {`
		1931	`.pb-5.rui-main-content-title--h2 {`
		1932	`margin: 1rem 0;`
		1933	`padding-bottom: 0 !important;`
		1934	`}`
		1935	`}`
		1936
		1937	`//---- Add a new topic form`
		1938	`.rui-collapseaddform {`
		1939	`.row {`
		1940	`display: block !important;`
		1941	`}`
		1942
		1943	`.col-md-3 {`
		1944	`margin-bottom: .35rem;`
		1945	`text-align: left !important;`
		1946	`}`
		1947
		1948	`.col-md-3,`
		1949	`.col-md-9 {`
		1950	`flex: 0 0 100%;`
		1951	`max-width: 100%;`
		1952	`padding-left: 0;`
		1953	`padding-right: 0;`
		1954	`}`
		1955	`}`
		1956
		1957	`.user-content {`
		1958	`.page-content-header-avatar {`
		1959	`margin-left: auto;`
		1960	`margin-right: auto;`
		1961	`margin-bottom: $page-padding-global;`
		1962	`width: $wrapper-md !important;`
		1963
		1964	`@include media-breakpoint-between(xs, md) {`
		1965	`width: 100%;`
		1966	`}`
		1967	`}`
		1968	`}`
		1969
		1970
		1971	`.discussion {`
		1972	`&.favourited {`
		1973	`border-color: var(--primary-color-500);`
		1974	`}`
		1975	`}`
		1976
		1977	`@include media-breakpoint-between(xs, sm) {`
		1978
		1979	`.rui-exportdiscussion,`
		1980	`.rui-movediscussion {`
		1981	`width: 100%;`
		1982
		1983	`div {`
		1984	`width: 100%;`
		1985	`}`
		1986
		1987	`.btn,`
		1988	`.form-inline .custom-select {`
		1989	`margin: 2px 0 !important;`
		1990	`width: 100%;`
		1991	`max-width: 100%;`
		1992	`}`
		1993
		1994	`.form-inline .custom-select {`
		1995	`height: 40px;`
		1996	`padding: 3px 6px;`
		1997	`font-size: $font-size-xs;`
		1998	`}`
		1999	`}`
		2000
		2001	`.rui-forum-buttons {`
		2002	`.btn {`
		2003	`width: 100%;`
		2004	`}`
		2005	`}`
		2006	`}`
		2007
		2008	`.discussion-list {`
		2009	`th {`
		2010	`min-width: 70px;`
		2011	`}`
		2012	`}`
		2013
		2014	`[data-action="forum-inpage-submit"] {`
		2015	`position: relative;`
		2016	`height: 47px;`
		2017	`}`
		2018
		2019	`#page-mod-forum-subscribers .subscriberdiv, #page-mod-forum-subscribers .subscribertable {`
		2020	`width: max-content;`
		2021	`}`
		2022
		2023	`#summaryreport {`
		2024	`.no-overflow {`
		2025	`width: 100%;`
		2026	`overflow: auto;`
		2027
		2028	`table {`
		2029	`width: 100%;`
		2030	`min-width: max-content;`
		2031	`}`
		2032	`}`
		2033	`}`
		2034
		2035	`div.commands:empty {`
		2036	`display: none!important;`
		2037	`}`
		2038
		2039	`// End styling for mod_forum.`

Proyectos de Subversion Moodle

(root)/theme/universe/scss/moodle/forum.scss – Rev 1