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-subscribers {`
		486	`.main-content {`
		487	`h3:first-of-type {`
		488	`margin-bottom: 2rem;`
		489	`}`
		490	`}`
		491	`}`
		492
		493	`.forum-post-reply {`
		494	`@include media-breakpoint-up(md) {`
		495	`margin-left: 77px;`
		496	`max-width: 70%;`
		497	`}`
		498	`}`
		499
		500	`.forum-icon-col {`
		501	`a {`
		502	`display: flex;`
		503	`margin: 2px;`
		504	`padding: 4px;`
		505
		506	`.icon {`
		507	`padding: 2px;`
		508	`margin: 0;`
		509	`}`
		510	`}`
		511	`}`
		512
		513	`#page-mod-forum-discuss {`
		514	`.course-settings-menu {`
		515	`.search-input-group .search-input {`
		516	`width: 70px !important;`
		517	`}`
		518
		519	`&:hover {`
		520	`.search-input-group .search-input {`
		521	`width: auto !important;`
		522	`}`
		523	`}`
		524	`}`
		525	`}`
		526
		527	`#page-mod-forum-discuss .discussioncontrols {`
		528	`width: auto;`
		529	`margin: 0;`
		530
		531	`.form-inline input {`
		532	`margin-top: -1px;`
		533	`}`
		534	`}`
		535
		536	`$author-image-width: 70px;`
		537	`$author-image-margin: 24px;`
		538	`$author-image-width-sm: 30px;`
		539	`$author-image-margin-sm: 8px;`
		540
		541	`/** Gently highlight the selected post by changing it's background to blue and then fading it out. */`
		542	`@keyframes background-highlight {`
		543	`from {`
		544	`background-color: rgba(0, 123, 255, 0.5);`
		545	`}`
		546
		547	`to {`
		548	`background-color: inherit;`
		549	`}`
		550	`}`
		551
		552	`.path-mod-forum .nested-v2-display-mode,`
		553	`.path-mod-forum.nested-v2-display-mode {`
		554	`.discussionsubscription {`
		555	`margin-top: 0;`
		556	`text-align: inherit;`
		557	`margin-bottom: 0;`
		558	`}`
		559
		560	`.preload-subscribe,`
		561	`.preload-unsubscribe {`
		562	`display: none;`
		563	`}`
		564
		565	`.post-message {`
		566	`line-height: 1.6;`
		567	`}`
		568
		569	`.indent {`
		570	`margin-left: 0;`
		571	`}`
		572
		573	`/** Reset the badge styling back to pill style. */`
		574	`.badge {`
		575	`font-size: inherit;`
		576	`font-weight: inherit;`
		577	`padding-left: .5rem;`
		578	`padding-right: .5rem;`
		579	`border-radius: 10rem;`
		580	`}`
		581
		582	`.badge-light {`
		583	`background-color: #f6f6f6;`
		584	`color: #5b5b5b;`
		585	`}`
		586
		587	`/** Style the ratings like a badge. */`
		588	`.rating-aggregate-container {`
		589	`background-color: #f6f6f6;`
		590	`color: #5b5b5b;`
		591	`padding: .25em .5em;`
		592	`line-height: 1;`
		593	`margin-right: .5rem;`
		594	`vertical-align: middle;`
		595	`border-radius: 10rem;`
		596	`text-align: center;`
		597	`}`
		598
		599	`.ratinginput {`
		600	`padding: .25em 1.75rem 0.25em .75em;`
		601	`line-height: 1;`
		602	`height: auto;`
		603	`border-radius: 10rem;`
		604
		605	`@include media-breakpoint-between(xs, sm) {`
		606	`margin-top: .5rem;`
		607	`}`
		608	`}`
		609
		610	`.group-image {`
		611	`width: 35px;`
		612	`height: 35px;`
		613	`margin-right: 0;`
		614	`float: none;`
		615	`display: inline-block;`
		616	`}`
		617
		618	`/** Don't show the discussion locked alert in this mode because it's already indicated with a badge. */`
		619	`.alert.discussionlocked {`
		620	`@include sr-only();`
		621	`}`
		622
		623	`/** Fix muted text contrast ratios for accessibility. */`
		624	`.text-muted,`
		625	`.dimmed_text {`
		626	`color: $text-muted !important;`
		627	`/* stylelint-disable-line declaration-no-important */`
		628	`}`
		629
		630	`.author-header {`
		631	`font-style: italic;`
		632
		633	`.author-name {`
		634	`font-style: normal;`
		635	`}`
		636	`}`
		637
		638	`/** Make the tag list text screen reader visible only */`
		639	`.tag_list>b {`
		640	`@include sr-only();`
		641	`}`
		642
		643	`:target>.focus-target {`
		644	`animation-name: background-highlight;`
		645	`animation-duration: 1s;`
		646	`animation-timing-function: ease-in-out;`
		647	`animation-iteration-count: 1;`
		648	`}`
		649
		650	`.forum-post-container {`
		651	`.replies-container {`
		652	`.forum-post-container {`
		653	`border-top: 1px solid #dee2e6;`
		654	`padding-top: 1.5rem;`
		655
		656	`.replies-container .forum-post-container {`
		657	`border-top: none;`
		658	`padding-top: 0;`
		659	`}`
		660	`}`
		661
		662	`.inline-reply-container .reply-author {`
		663	`display: none;`
		664	`}`
		665	`}`
		666
		667	`.post-message p:last-of-type {`
		668	`margin-bottom: 0;`
		669	`}`
		670
		671	`.author-image-container {`
		672	`width: $author-image-width;`
		673	`margin-right: $author-image-margin;`
		674	`flex-shrink: 0;`
		675	`}`
		676
		677	`.inline-reply-container textarea {`
		678	`border: 0;`
		679	`resize: none;`
		680	`}`
		681
		682	`.indent {`
		683
		684	`/**`
		685	`* The first post and first set of replies have a larger author image so offset the 2nd`
		686	`* set of replies by the image width + margin to ensure they align.`
		687	`*/`
		688	`.indent {`
		689	`padding-left: $author-image-width + $author-image-margin;`
		690
		691	`/**`
		692	`* Reduce the size of the the author image for all second level replies (and below).`
		693	`*/`
		694	`.author-image-container {`
		695	`width: $author-image-width-sm;`
		696	`margin-right: $author-image-margin-sm;`
		697	`padding-top: (36px - $author-image-width-sm) * 0.5;`
		698	`}`
		699
		700	`/**`
		701	`* Adjust the indentation offset for all 3rd level replies and below for the smaller author image.`
		702	`*/`
		703	`.indent {`
		704	`padding-left: $author-image-width-sm + $author-image-margin-sm;`
		705
		706	`/**`
		707	`* Stop indenting the replies after the 5th reply.`
		708	`*/`
		709	`.indent .indent .indent {`
		710	`padding-left: 0;`
		711	`}`
		712	`}`
		713	`}`
		714	`}`
		715	`}`
		716	`}`
		717
		718	`/** Extra small devices (portrait phones, less than 576px). */`
		719	`@include media-breakpoint-between(xs, sm) {`
		720	`#page-mod-forum-discuss.nested-v2-display-mode {`
		721	`.forum-post-container {`
		722	`.author-image-container {`
		723	`width: $author-image-width-sm;`
		724	`margin-right: $author-image-margin-sm;`
		725	`}`
		726
		727	`.indent {`
		728	`.indent {`
		729	`padding-left: $author-image-width-sm + $author-image-margin-sm;`
		730
		731	`.indent .indent {`
		732	`padding-left: 0;`
		733	`}`
		734	`}`
		735	`}`
		736	`}`
		737
		738	`.group-image {`
		739	`width: 30px;`
		740	`height: 30px;`
		741	`}`
		742	`}`
		743	`}`
		744
		745	`// Make filter popover content scrollable if needed.`
		746	`.filter-scrollable {`
		747	`overflow-y: auto;`
		748	`max-height: 25em;`
		749	`margin-bottom: 1em;`
		750	`}`
		751
		752	`// Required to fit a date mform into a filter popover.`
		753	`#filter-groups-popover,`
		754	`.filter-dates-popover {`
		755	`width: 100%;`
		756	`max-width: 300px;`
		757	`left: 75px!important;`
		758
		759	`.form-check.fitem {`
		760	`width: 100%;`
		761	`padding: 0;`
		762	`margin: 6px;`
		763	`}`
		764
		765	`.col-md-9,`
		766	`.col-md-3 {`
		767	`flex: 0 0 100%;`
		768	`max-width: 100%;`
		769	`}`
		770
		771	`.col-form-label {`
		772	`padding: 0 6px!important;`
		773	`}`
		774
		775	`.custom-select,`
		776	`select.quickgrade {`
		777	`padding: 8px 21px 8px 10px;`
		778	`height: auto;`
		779	`font-size: 11px;`
		780	`}`
		781
		782	`.popover-body {`
		783	`padding: 10px 10px 16px;`
		784	`}`
		785
		786	`.rui-title-container+form, .mform+div {`
		787	`margin-top: 5px;`
		788	`margin-bottom: 0;`
		789	`}`
		790
		791	`.text-danger {`
		792	`color: #ffa0a0!important;`
		793	`}`
		794
		795	`.btn {`
		796	`display: flex;`
		797	`}`
		798
		799	`a[id*="_calendar"],`
		800	`.mform .form-inline .form-group {`
		801	`margin: 2px!important;`
		802	`}`
		803
		804	`#fitem_id_filterdatefrompopover,`
		805	`#fitem_id_filterdatetopopover {`
		806	`border-bottom: 1px solid $dropdown-border-color;`
		807	`padding: 0 0 10px!important;`
		808	`margin: 0!important;`
		809	`}`
		810
		811	`.filter-save {`
		812	`margin: 0 6px;`
		813	`}`
		814
		815	`#dates-filter-warning {`
		816	`padding: 0 6px;`
		817	`}`
		818	`}`
		819
		820	`#filter-groups-popover {`
		821	`.filter-scrollable {`
		822	`display: block;`
		823	`margin: 0 16px 16px!important;`
		824	`}`
		825
		826	`.filter-actions {`
		827	`width: calc(100% - 10px)00%;`
		828
		829	`display: inline-flex;`
		830	`align-content: center;`
		831	`align-items: center;`
		832	`justify-content: space-between;`
		833	`flex-wrap: wrap;`
		834
		835	`.btn {`
		836	`margin: 2px;`
		837	`padding: 3px 6px!important;`
		838	`font-weight: $font-weight-medium;`
		839	`}`
		840	`}`
		841
		842	`}`
		843
		844	`$grading-drawer-width: 430px !default;`
		845	`$grading-animation-duration: .3s !default;`
		846	`$grading-icon-button-size: 36px !default;`
		847	`$grading-search-button-padding-left: calc(#{map-get($spacers, 2)} + 8px) !default;`
		848	`$grading-search-input-padding-left: calc(#{map-get($spacers, 2)} + #{map-get($spacers, 2)} + #{$grading-icon-button-size - ($input-border-width * 2)}) !default;`
		849	`/* stylelint-disable-line max-line-length */`
		850	`$grading-search-input-padding-right: calc(#{map-get($spacers, 2)} + #{$grading-icon-button-size}) !default;`
		851	`$grading-nav-bar-active-drawer-button-bottom: calc(#{map-get($spacers, 2) * -1} - 1px) !default;`
		852	`$grading-content-show-content-button-padding-left: calc(#{map-get($spacers, 2) * 2} + 45px) !default;`
		853
		854	`@keyframes expandSearchButton {`
		855	`from {`
		856	`height: $grading-icon-button-size;`
		857	`width: $grading-icon-button-size;`
		858	`border-radius: $grading-icon-button-size * 0.5;`
		859	`background-color: $gray-200;`
		860	`}`
		861
		862	`to {`
		863	`width: 100%;`
		864	`height: $input-height-lg;`
		865	`border-radius: 0;`
		866	`background-color: $input-bg;`
		867	`border-color: $input-border-color;`
		868	`padding-left: $grading-search-button-padding-left;`
		869	`padding-top: $input-padding-y-lg;`
		870	`padding-bottom: $input-padding-y-lg;`
		871	`@include font-size($input-font-size-lg);`
		872	`line-height: $input-line-height-lg;`
		873	`right: 0;`
		874	`}`
		875	`}`
		876
		877	`@keyframes collapseSearchButton {`
		878	`from {`
		879	`width: 100%;`
		880	`height: $input-height-lg;`
		881	`border-radius: 0;`
		882	`background-color: $input-bg;`
		883	`border-color: $input-border-color;`
		884	`padding-left: $grading-search-button-padding-left;`
		885	`padding-top: $input-padding-y-lg;`
		886	`padding-bottom: $input-padding-y-lg;`
		887	`@include font-size($input-font-size-lg);`
		888	`line-height: $input-line-height-lg;`
		889	`right: 0;`
		890	`}`
		891
		892	`to {`
		893	`height: $grading-icon-button-size;`
		894	`width: $grading-icon-button-size;`
		895	`border-radius: $grading-icon-button-size * 0.5;`
		896	`background-color: $gray-200;`
		897	`}`
		898	`}`
		899
		900	`.path-mod-forum .unified-grader {`
		901	`@include media-breakpoint-up(xs) {`
		902	`.rui-topbar {`
		903	`max-height: none;`
		904	`z-index: 1;`
		905	`}`
		906	`}`
		907
		908	`.body-container {`
		909	`overflow: auto;`
		910
		911	`&.hidden {`
		912	`display: none !important;`
		913	`/* stylelint-disable-line declaration-no-important */`
		914	`}`
		915	`}`
		916
		917	`.userpicture {`
		918	`height: 60px;`
		919	`width: 60px;`
		920	`}`
		921
		922	`.grader-grading-panel {`
		923	`right: 0;`
		924
		925	`&.hidden {`
		926	`right: ($grading-drawer-width * -1);`
		927	`}`
		928
		929	`.grading-icon {`
		930	`width: $grading-icon-button-size;`
		931	`}`
		932
		933	`.user-picker-container {`
		934	`.user-full-name {`
		935	`max-width: 240px;`
		936	`}`
		937
		938	`.page-link {`
		939	`width: $grading-icon-button-size;`
		940	`height: $grading-icon-button-size;`
		941	`display: flex;`
		942	`text-align: center;`
		943	`align-items: center;`
		944	`justify-content: center;`
		945	`}`
		946	`}`
		947
		948	`.header-container {`
		949	`height: 65px;`
		950	`position: relative;`
		951	`overflow: hidden;`
		952
		953	`.info-container {`
		954	`position: absolute;`
		955	`top: 50%;`
		956	`left: 0;`
		957	`transform: translateY(-50%);`
		958	`width: 100%;`
		959	`height: 100%;`
		960	`padding: map-get($spacers, 2);`
		961	`padding-right: calc(#{$grading-icon-button-size} + #{map-get($spacers, 2)});`
		962	`opacity: 1;`
		963	`visibility: visible;`
		964	`transition: left $grading-animation-duration ease-in-out;`
		965	`z-index: 1;`
		966	`}`
		967
		968	`.toggle-search-button {`
		969	`background-color: $gray-100;`
		970	`color: $body-color;`
		971	`width: 30px;`
		972	`height: 30px;`
		973	`border-radius: $btn-border-radius-lg;`
		974	`border: 0;`
		975
		976	`&.expand {`
		977	`animation-name: expandSearchButton;`
		978	`animation-duration: $grading-animation-duration;`
		979	`animation-timing-function: ease-in-out;`
		980	`}`
		981
		982	`&.collapse {`
		983	`display: block;`
		984	`animation-name: collapseSearchButton;`
		985	`animation-duration: $grading-animation-duration;`
		986	`}`
		987	`}`
		988
		989	`.user-search-container {`
		990	`overflow: hidden;`
		991	`position: absolute;`
		992	`top: 50%;`
		993	`right: 0;`
		994	`transform: translateY(-50%);`
		995	`z-index: 2;`
		996	`width: 100%;`
		997	`height: 100% !important;`
		998	`/* stylelint-disable-line declaration-no-important */`
		999	`padding: map-get($spacers, 2);`
		1000
		1001	`.search-input-container {`
		1002	`position: relative;`
		1003	`overflow: visible;`
		1004	`flex-wrap: nowrap;`
		1005
		1006	`input {`
		1007	`padding-left: $grading-search-input-padding-left;`
		1008	`padding-right: $grading-search-input-padding-right;`
		1009	`opacity: 1;`
		1010	`visibility: visible;`
		1011	`transition:`
		1012	`opacity 0s linear $grading-animation-duration,`
		1013	`visibility 0s linear;`
		1014	`}`
		1015
		1016	`.search-icon {`
		1017	`position: absolute;`
		1018	`top: 50%;`
		1019	`left: map-get($spacers, 2);`
		1020	`transform: translateY(-50%);`
		1021	`color: $input-color;`
		1022	`height: $grading-icon-button-size;`
		1023	`width: $grading-icon-button-size - ($input-border-width * 2);`
		1024	`background-color: $input-bg;`
		1025	`opacity: 1;`
		1026	`visibility: visible;`
		1027	`transition:`
		1028	`opacity 0s linear $grading-animation-duration,`
		1029	`visibility 0s linear $grading-animation-duration;`
		1030
		1031	`.theme-dark & {`
		1032	`color: $dm-input-color;`
		1033	`background-color: $dm-input-bg;`
		1034	`}`
		1035	`}`
		1036
		1037	`.toggle-search-button {`
		1038	`position: absolute;`
		1039	`top: 50%;`
		1040	`right: map-get($spacers, 2);`
		1041	`transform: translateY(-50%);`
		1042	`z-index: 1;`
		1043	`color: inherit;`
		1044	`text-align: left;`
		1045	`padding-left: 9px;`
		1046	`transition: right 0s linear $grading-animation-duration;`
		1047
		1048	`.expanded-icon {`
		1049	`line-height: 1;`
		1050	`opacity: 1;`
		1051	`visibility: visible;`
		1052	`max-width: 50px;`
		1053	`max-height: 50px;`
		1054	`transition:`
		1055	`opacity 0s linear $grading-animation-duration,`
		1056	`max-height 0s linear $grading-animation-duration,`
		1057	`max-width 0s linear $grading-animation-duration,`
		1058	`visibility 0s linear $grading-animation-duration;`
		1059	`}`
		1060
		1061	`.collapsed-icon {`
		1062	`line-height: 1;`
		1063	`opacity: 0;`
		1064	`visibility: hidden;`
		1065	`max-height: 0;`
		1066	`max-width: 0;`
		1067	`overflow: hidden;`
		1068	`transition:`
		1069	`opacity 0s linear $grading-animation-duration,`
		1070	`max-height 0s linear $grading-animation-duration,`
		1071	`max-width 0s linear $grading-animation-duration,`
		1072	`visibility 0s linear $grading-animation-duration;`
		1073	`}`
		1074	`}`
		1075	`}`
		1076
		1077	`&.collapsed {`
		1078	`width: calc(#{$grading-icon-button-size} + #{map-get($spacers, 2)} + #{map-get($spacers, 2)});`
		1079	`transition: width $grading-animation-duration ease-in-out;`
		1080
		1081	`.search-input-container {`
		1082	`flex-wrap: nowrap;`
		1083
		1084	`input,`
		1085	`.search-icon {`
		1086	`opacity: 0;`
		1087	`visibility: hidden;`
		1088	`transition:`
		1089	`opacity 0s linear,`
		1090	`visibility 0s linear;`
		1091	`}`
		1092
		1093	`input {`
		1094	`padding-left: 0;`
		1095	`padding-right: 0;`
		1096	`}`
		1097
		1098	`.toggle-search-button {`
		1099	`.expanded-icon {`
		1100	`opacity: 0;`
		1101	`visibility: hidden;`
		1102	`max-height: 0;`
		1103	`max-width: 0;`
		1104	`overflow: hidden;`
		1105	`transition:`
		1106	`opacity 0s linear,`
		1107	`max-height 0s linear,`
		1108	`max-width 0s linear,`
		1109	`visibility 0s linear;`
		1110	`}`
		1111
		1112	`.collapsed-icon {`
		1113	`opacity: 1;`
		1114	`visibility: visible;`
		1115	`max-width: 50px;`
		1116	`max-height: 50px;`
		1117	`transition:`
		1118	`opacity 0s linear,`
		1119	`max-height 0s linear,`
		1120	`max-width 0s linear,`
		1121	`visibility 0s linear;`
		1122	`}`
		1123	`}`
		1124	`}`
		1125	`}`
		1126	`}`
		1127
		1128	`.user-search-container:not(.collapsed)+.info-container {`
		1129	`opacity: 0;`
		1130	`visibility: hidden;`
		1131	`left: calc(100% * -1);`
		1132	`transition:`
		1133	`left $grading-animation-duration ease-in-out,`
		1134	`opacity 0s linear $grading-animation-duration,`
		1135	`visibility 0s linear $grading-animation-duration,`
		1136	`padding 0s linear $grading-animation-duration;`
		1137	`}`
		1138	`}`
		1139	`}`
		1140
		1141	`.grader-module-content {`
		1142	`overflow-y: auto;`
		1143	`margin-right: $grading-drawer-width;`
		1144	`@include transition(margin-right .2s ease-in-out);`
		1145	`}`
		1146
		1147	`.drawer-button {`
		1148	`position: relative;`
		1149
		1150	`&.active::after {`
		1151	`content: "";`
		1152	`position: absolute;`
		1153	`bottom: $grading-nav-bar-active-drawer-button-bottom;`
		1154	`left: 0;`
		1155	`width: 100%;`
		1156	`height: 3px;`
		1157	`background-color: map-get($theme-colors, 'primary');`
		1158	`}`
		1159
		1160	`.icon {`
		1161	`font-size: 20px;`
		1162	`height: 20px;`
		1163	`width: 20px;`
		1164	`}`
		1165	`}`
		1166
		1167	`.grader-module-content-display {`
		1168	`.discussion-container {`
		1169	`&:last-of-type {`
		1170	`>hr {`
		1171	`display: none;`
		1172	`}`
		1173	`}`
		1174
		1175	`.posts-container {`
		1176	`&:last-of-type {`
		1177	`>hr {`
		1178	`display: none;`
		1179	`}`
		1180	`}`
		1181
		1182	`.parent-container {`
		1183	`position: relative;`
		1184
		1185	`.show-content-button {`
		1186	`height: 100%;`
		1187	`width: 100%;`
		1188	`left: 0;`
		1189	`top: 0;`
		1190	`padding-left: $grading-content-show-content-button-padding-left;`
		1191	`text-align: left;`
		1192	`z-index: 1;`
		1193
		1194	`&:not(.collapsed) {`
		1195	`display: none;`
		1196	`}`
		1197	`}`
		1198
		1199	`.content {`
		1200	`display: block;`
		1201	`height: auto !important;`
		1202	`/* stylelint-disable-line declaration-no-important */`
		1203
		1204	`.header {`
		1205	`transition: margin-bottom $grading-animation-duration ease-in-out;`
		1206
		1207	`div+div {`
		1208	`opacity: 1;`
		1209	`visibility: visible;`
		1210	`max-height: none;`
		1211	`transition:`
		1212	`opacity $grading-animation-duration linear,`
		1213	`visibility 0s linear;`
		1214	`}`
		1215	`}`
		1216
		1217	`.body-content-container {`
		1218	`opacity: 1;`
		1219	`visibility: visible;`
		1220	`max-height: none;`
		1221	`transition:`
		1222	`opacity $grading-animation-duration linear,`
		1223	`visibility 0s linear;`
		1224	`}`
		1225
		1226	`.forum-post-core {`
		1227	`opacity: 1;`
		1228	`visibility: visible;`
		1229	`max-height: none;`
		1230	`transition:`
		1231	`opacity $grading-animation-duration linear,`
		1232	`visibility 0s linear;`
		1233	`}`
		1234	`}`
		1235
		1236	`.show-content-button.collapsed+.content {`
		1237	`opacity: .3;`
		1238
		1239	`.header {`
		1240	`margin-bottom: 0 !important;`
		1241	`/* stylelint-disable-line declaration-no-important */`
		1242
		1243	`div+div {`
		1244	`opacity: 0;`
		1245	`visibility: hidden;`
		1246	`max-height: 0;`
		1247	`}`
		1248	`}`
		1249
		1250	`.body-content-container {`
		1251	`opacity: 0;`
		1252	`visibility: hidden;`
		1253	`max-height: 0;`
		1254	`}`
		1255
		1256	`.forum-post-core {`
		1257	`opacity: 0;`
		1258	`visibility: hidden;`
		1259	`max-height: 0;`
		1260	`}`
		1261	`}`
		1262
		1263	`.show-content-button.collapsed:hover+.content,`
		1264	`.show-content-button.collapsed:focus+.content {`
		1265	`opacity: 1;`
		1266	`}`
		1267	`}`
		1268	`}`
		1269	`}`
		1270
		1271	`.no-post-container {`
		1272	`.icon {`
		1273	`height: 250px;`
		1274	`width: 250px;`
		1275	`margin-right: 0;`
		1276	`}`
		1277	`}`
		1278
		1279	`.nested-v2-display-mode {`
		1280	`.discussion-container {`
		1281	`.posts-container {`
		1282	`.parent-container {`
		1283	`.show-content-button {`
		1284	`padding-left: $author-image-width + $author-image-margin;`
		1285	`}`
		1286	`}`
		1287	`}`
		1288	`}`
		1289	`}`
		1290	`}`
		1291
		1292	`.no-search-results-container {`
		1293	`.icon {`
		1294	`height: 250px;`
		1295	`width: 250px;`
		1296	`margin-right: 0;`
		1297	`}`
		1298	`}`
		1299
		1300	`.nested-v2-display-mode {`
		1301	`.view-context-button {`
		1302	`margin-left: $author-image-width + $author-image-margin;`
		1303	`border-radius: $btn-border-radius-lg;`
		1304	`}`
		1305
		1306	`.parent-container {`
		1307	`.author-image-container {`
		1308	`position: relative;`
		1309
		1310	`&:after {`
		1311	`position: absolute;`
		1312	`top: calc(#{$author-image-width} + #{map-get($spacers, 2)});`
		1313	`content: "";`
		1314	`background-color: $gray-200;`
		1315	`width: 2px;`
		1316	`height: calc(100% - #{$author-image-width} + #{map-get($spacers, 2)});`
		1317	`}`
		1318	`}`
		1319	`}`
		1320
		1321	`.parent-container+.post-container {`
		1322	`.author-image-container {`
		1323	`img {`
		1324	`width: $author-image-width-sm !important;`
		1325	`/* stylelint-disable-line declaration-no-important */`
		1326	`}`
		1327	`}`
		1328	`}`
		1329	`}`
		1330	`}`
		1331
		1332	`.theme-dark.path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand,`
		1333	`.theme-dark.path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button {`
		1334	`background-color: $dm-gray-100;`
		1335	`}`
		1336
		1337	`.path-mod-forum .unified-grader .nested-v2-display-mode,`
		1338	`.path-mod-forum .modal .nested-v2-display-mode {`
		1339	`.post-subject {`
		1340	`display: none;`
		1341	`}`
		1342	`}`
		1343
		1344	`@include media-breakpoint-up(xs) {`
		1345	`.path-mod-forum .unified-grader {`
		1346	`.grader-grading-panel {`
		1347	`width: 100%;`
		1348	`position: fixed;`
		1349	`overflow: auto;`
		1350	`top: 0;`
		1351	`z-index: $zindex-fixed + 90;`
		1352	`}`
		1353
		1354	`.body-container {`
		1355	`overflow: visible;`
		1356	`}`
		1357	`}`
		1358	`}`
		1359
		1360
		1361	`.path-mod-forum .discussionsubscription,`
		1362	`.path-mod-forum .discussion-settings-menu,`
		1363	`.path-mod-forum .discussionsubscription {`
		1364	`margin-top: 0;`
		1365	`margin-bottom: 0;`
		1366	`}`
		1367
		1368	`.attachedimages {`
		1369	`img {`
		1370	`border-radius: $btn-border-radius;`
		1371	`}`
		1372	`}`
		1373
		1374	`$author-image-width: 70px;`
		1375	`$author-image-margin: 24px;`
		1376	`$author-image-width-sm: 30px;`
		1377	`$author-image-margin-sm: 8px;`
		1378	`$grading-drawer-width: 430px !default;`
		1379	`$grading-animation-duration: .3s !default;`
		1380	`$grading-icon-button-size: 56px !default;`
		1381	`$grading-search-button-padding-left: calc(#{map-get($spacers, 2)} + 8px) !default;`
		1382	`$grading-search-input-padding-left: calc(#{map-get($spacers, 2)} + #{map-get($spacers, 2)} + #{$grading-icon-button-size - ($input-border-width * 2)}) !default;`
		1383	`/* stylelint-disable-line max-line-length */`
		1384	`$grading-search-input-padding-right: calc(#{map-get($spacers, 2)} + #{$grading-icon-button-size}) !default;`
		1385	`$grading-nav-bar-active-drawer-button-bottom: calc(#{map-get($spacers, 2) * -1} - 1px) !default;`
		1386	`$grading-content-show-content-button-padding-left: calc(#{map-get($spacers, 2) * 2} + 45px) !default;`
		1387
		1388
		1389	`@keyframes collapseSearchButton {`
		1390	`from {`
		1391	`width: 100%;`
		1392	`height: $input-height-lg;`
		1393	`border-radius: 0;`
		1394	`background-color: $input-bg;`
		1395	`border-color: $input-border-color;`
		1396	`padding-left: $grading-search-button-padding-left;`
		1397	`padding-top: $input-padding-y-lg;`
		1398	`padding-bottom: $input-padding-y-lg;`
		1399	`line-height: $input-line-height-lg;`
		1400	`right: 0;`
		1401	`}`
		1402
		1403	`to {`
		1404	`height: $grading-icon-button-size;`
		1405	`width: $grading-icon-button-size;`
		1406	`border-radius: $grading-icon-button-size * 0.5;`
		1407	`background-color: $gray-200;`
		1408	`}`
		1409	`}`
		1410
		1411	`.path-mod-forum .unified-grader {`
		1412	`.rui-topbar {`
		1413	`max-height: none;`
		1414	`z-index: 1;`
		1415	`}`
		1416
		1417	`.body-container {`
		1418	`&.hidden {`
		1419	`display: none !important;`
		1420	`/* stylelint-disable-line declaration-no-important */`
		1421	`}`
		1422	`}`
		1423
		1424	`.userpicture {`
		1425	`height: 50px;`
		1426	`width: 50px;`
		1427	`}`
		1428
		1429	`.grader-grading-panel {`
		1430	`position: absolute;`
		1431	`padding: 20px;`
		1432	`z-index: 0;`
		1433	`width: $grading-drawer-width;`
		1434
		1435	`&.hidden {`
		1436	`right: ($grading-drawer-width * -1);`
		1437	`}`
		1438
		1439	`.grading-icon {`
		1440	`width: $grading-icon-button-size;`
		1441	`}`
		1442
		1443	`.user-picker-container {`
		1444	`.user-full-name {`
		1445	`max-width: 240px;`
		1446	`font-size: $font-size-sm;`
		1447	`}`
		1448
		1449	`.page-link {`
		1450	`display: flex;`
		1451	`text-align: center;`
		1452	`align-items: center;`
		1453	`justify-content: center;`
		1454	`}`
		1455	`}`
		1456
		1457	`.header-container {`
		1458	`height: 65px;`
		1459	`position: relative;`
		1460	`overflow: hidden;`
		1461
		1462	`.info-container {`
		1463	`position: absolute;`
		1464	`top: 50%;`
		1465	`left: 0;`
		1466	`transform: translateY(-50%);`
		1467	`width: 100%;`
		1468	`height: 100%;`
		1469	`padding: map-get($spacers, 2);`
		1470	`padding-right: calc(#{$grading-icon-button-size} + #{map-get($spacers, 2)});`
		1471	`opacity: 1;`
		1472	`visibility: visible;`
		1473	`transition: left $grading-animation-duration ease-in-out;`
		1474	`z-index: 1;`
		1475	`}`
		1476
		1477	`.toggle-search-button {`
		1478	`&.expand {`
		1479	`background-color: $input-bg;`
		1480	`border: none;`
		1481	`padding-left: $grading-search-button-padding-left;`
		1482	`padding-top: $input-padding-y-lg;`
		1483	`padding-bottom: $input-padding-y-lg;`
		1484	`line-height: $input-line-height-lg;`
		1485	`right: 0;`
		1486
		1487	`.theme-dark & {`
		1488	`background-color: $dm-input-bg;`
		1489	`}`
		1490	`}`
		1491
		1492	`&.collapse {`
		1493	`display: block;`
		1494	`}`
		1495	`}`
		1496
		1497	`.user-search-container {`
		1498	`overflow: hidden;`
		1499	`position: absolute;`
		1500	`top: 50%;`
		1501	`right: 0;`
		1502	`transform: translateY(-50%);`
		1503	`z-index: 2;`
		1504	`width: 100%;`
		1505	`height: 100% !important;`
		1506	`/* stylelint-disable-line declaration-no-important */`
		1507	`padding: map-get($spacers, 2);`
		1508
		1509	`.search-input-container {`
		1510	`position: relative;`
		1511	`overflow: visible;`
		1512	`flex-wrap: nowrap;`
		1513
		1514	`input {`
		1515	`padding-left: $grading-search-input-padding-left;`
		1516	`padding-right: $grading-search-input-padding-right;`
		1517	`opacity: 1;`
		1518	`visibility: visible;`
		1519	`transition:`
		1520	`opacity 0s linear $grading-animation-duration,`
		1521	`visibility 0s linear;`
		1522	`}`
		1523
		1524	`.search-icon {`
		1525	`position: absolute;`
		1526	`top: 50%;`
		1527	`left: map-get($spacers, 2);`
		1528	`transform: translateY(-50%);`
		1529	`color: $input-color;`
		1530	`height: $grading-icon-button-size;`
		1531	`width: $grading-icon-button-size - ($input-border-width * 2);`
		1532	`background-color: transparent;`
		1533
		1534	`opacity: 1;`
		1535	`visibility: visible;`
		1536	`transition:`
		1537	`opacity 0s linear $grading-animation-duration,`
		1538	`visibility 0s linear $grading-animation-duration;`
		1539
		1540	`.theme-dark & {`
		1541	`color: $dm-input-color;`
		1542	`}`
		1543
		1544	`.icon {`
		1545	`font-size: $font-size-sm;`
		1546	`}`
		1547	`}`
		1548
		1549	`.toggle-search-button {`
		1550	`position: absolute;`
		1551	`top: 50%;`
		1552	`right: map-get($spacers, 2);`
		1553	`transform: translateY(-50%);`
		1554	`z-index: 1;`
		1555	`color: inherit;`
		1556	`text-align: left;`
		1557	`padding: 0;`
		1558	`transition: right 0s linear $grading-animation-duration;`
		1559
		1560	`.expanded-icon {`
		1561	`opacity: 1;`
		1562	`visibility: visible;`
		1563	`max-width: 50px;`
		1564	`max-height: 50px;`
		1565	`transition:`
		1566	`opacity 0s linear $grading-animation-duration,`
		1567	`max-height 0s linear $grading-animation-duration,`
		1568	`max-width 0s linear $grading-animation-duration,`
		1569	`visibility 0s linear $grading-animation-duration;`
		1570	`}`
		1571
		1572	`.collapsed-icon {`
		1573	`opacity: 0;`
		1574	`visibility: hidden;`
		1575	`max-height: 0;`
		1576	`max-width: 0;`
		1577	`overflow: hidden;`
		1578	`transition:`
		1579	`opacity 0s linear $grading-animation-duration,`
		1580	`max-height 0s linear $grading-animation-duration,`
		1581	`max-width 0s linear $grading-animation-duration,`
		1582	`visibility 0s linear $grading-animation-duration;`
		1583	`}`
		1584	`}`
		1585	`}`
		1586
		1587	`&.collapsed {`
		1588	`width: calc(#{$grading-icon-button-size} + #{map-get($spacers, 2)} + #{map-get($spacers, 2)});`
		1589	`transition: width $grading-animation-duration ease-in-out;`
		1590
		1591	`.search-input-container {`
		1592	`flex-wrap: nowrap;`
		1593
		1594	`input,`
		1595	`.search-icon {`
		1596	`opacity: 0;`
		1597	`visibility: hidden;`
		1598	`transition:`
		1599	`opacity 0s linear,`
		1600	`visibility 0s linear;`
		1601	`}`
		1602
		1603	`input {`
		1604	`padding-left: 0;`
		1605	`padding-right: 0;`
		1606	`}`
		1607
		1608	`.toggle-search-button {`
		1609	`.expanded-icon {`
		1610	`opacity: 0;`
		1611	`visibility: hidden;`
		1612	`max-height: 0;`
		1613	`max-width: 0;`
		1614	`overflow: hidden;`
		1615	`transition:`
		1616	`opacity 0s linear,`
		1617	`max-height 0s linear,`
		1618	`max-width 0s linear,`
		1619	`visibility 0s linear;`
		1620	`}`
		1621
		1622	`.collapsed-icon {`
		1623	`opacity: 1;`
		1624	`visibility: visible;`
		1625	`max-width: 50px;`
		1626	`max-height: 50px;`
		1627	`transition:`
		1628	`opacity 0s linear,`
		1629	`max-height 0s linear,`
		1630	`max-width 0s linear,`
		1631	`visibility 0s linear;`
		1632	`}`
		1633	`}`
		1634	`}`
		1635	`}`
		1636	`}`
		1637
		1638	`.user-search-container:not(.collapsed)+.info-container {`
		1639	`opacity: 0;`
		1640	`visibility: hidden;`
		1641	`left: calc(100% * -1);`
		1642	`transition:`
		1643	`left $grading-animation-duration ease-in-out,`
		1644	`opacity 0s linear $grading-animation-duration,`
		1645	`visibility 0s linear $grading-animation-duration,`
		1646	`padding 0s linear $grading-animation-duration;`
		1647	`}`
		1648	`}`
		1649	`}`
		1650
		1651	`.grader-module-content {`
		1652	`overflow-y: auto;`
		1653	`margin-right: $grading-drawer-width;`
		1654	`@include transition(margin-right .2s ease-in-out);`
		1655	`}`
		1656
		1657	`.drawer-button {`
		1658	`position: relative;`
		1659
		1660	`&.active::after {`
		1661	`content: "";`
		1662	`position: absolute;`
		1663	`bottom: $grading-nav-bar-active-drawer-button-bottom;`
		1664	`left: 0;`
		1665	`width: 100%;`
		1666	`height: 3px;`
		1667	`background-color: map-get($theme-colors, 'primary');`
		1668	`}`
		1669
		1670	`.icon {`
		1671	`font-size: 20px;`
		1672	`height: 20px;`
		1673	`width: 20px;`
		1674	`}`
		1675	`}`
		1676
		1677	`.grader-module-content-display {`
		1678	`.discussion-container {`
		1679	`&:last-of-type {`
		1680	`>hr {`
		1681	`display: none;`
		1682	`}`
		1683	`}`
		1684
		1685	`.posts-container {`
		1686	`&:last-of-type {`
		1687	`>hr {`
		1688	`display: none;`
		1689	`}`
		1690	`}`
		1691
		1692	`.parent-container {`
		1693	`position: relative;`
		1694
		1695	`.show-content-button {`
		1696	`z-index: 1;`
		1697
		1698	`&:not(.collapsed) {`
		1699	`display: none;`
		1700	`}`
		1701	`}`
		1702
		1703	`.content {`
		1704	`display: block;`
		1705	`height: auto !important;`
		1706	`/* stylelint-disable-line declaration-no-important */`
		1707
		1708	`.header {`
		1709	`transition: margin-bottom $grading-animation-duration ease-in-out;`
		1710
		1711	`div+div {`
		1712	`opacity: 1;`
		1713	`visibility: visible;`
		1714	`max-height: none;`
		1715	`transition:`
		1716	`opacity $grading-animation-duration linear,`
		1717	`visibility 0s linear;`
		1718	`}`
		1719	`}`
		1720
		1721	`.body-content-container {`
		1722	`opacity: 1;`
		1723	`visibility: visible;`
		1724	`max-height: none;`
		1725	`transition:`
		1726	`opacity $grading-animation-duration linear,`
		1727	`visibility 0s linear;`
		1728	`}`
		1729
		1730	`.forum-post-core {`
		1731	`opacity: 1;`
		1732	`visibility: visible;`
		1733	`max-height: none;`
		1734	`transition:`
		1735	`opacity $grading-animation-duration linear,`
		1736	`visibility 0s linear;`
		1737	`}`
		1738	`}`
		1739
		1740	`.show-content-button.collapsed+.content {`
		1741	`display: none;`
		1742
		1743	`.header {`
		1744	`margin-bottom: 0 !important;`
		1745	`/* stylelint-disable-line declaration-no-important */`
		1746
		1747	`div+div {`
		1748	`opacity: 0;`
		1749	`visibility: hidden;`
		1750	`max-height: 0;`
		1751	`}`
		1752	`}`
		1753
		1754	`.body-content-container {`
		1755	`opacity: 0;`
		1756	`visibility: hidden;`
		1757	`max-height: 0;`
		1758	`}`
		1759
		1760	`.forum-post-core {`
		1761	`opacity: 0;`
		1762	`visibility: hidden;`
		1763	`max-height: 0;`
		1764	`}`
		1765	`}`
		1766
		1767	`.show-content-button.collapsed:hover+.content,`
		1768	`.show-content-button.collapsed:focus+.content {`
		1769	`opacity: 1;`
		1770	`}`
		1771	`}`
		1772	`}`
		1773	`}`
		1774
		1775	`.no-post-container {`
		1776	`.icon {`
		1777	`height: 250px;`
		1778	`width: 250px;`
		1779	`margin-right: 0;`
		1780	`}`
		1781	`}`
		1782
		1783	`.nested-v2-display-mode {`
		1784	`.discussion-container {`
		1785	`.posts-container {`
		1786	`.parent-container {`
		1787	`.show-content-button {`
		1788	`padding-left: $author-image-width + $author-image-margin;`
		1789	`}`
		1790	`}`
		1791	`}`
		1792	`}`
		1793	`}`
		1794	`}`
		1795
		1796	`.no-search-results-container {`
		1797	`.icon {`
		1798	`height: 250px;`
		1799	`width: 250px;`
		1800	`margin-right: 0;`
		1801	`}`
		1802	`}`
		1803
		1804	`.nested-v2-display-mode {`
		1805	`.view-context-button {`
		1806	`margin-left: $author-image-width + $author-image-margin;`
		1807	`border-radius: $btn-border-radius-lg;`
		1808	`}`
		1809
		1810	`.parent-container {`
		1811	`.author-image-container {`
		1812	`position: relative;`
		1813
		1814	`&:after {`
		1815	`position: absolute;`
		1816	`top: calc(#{$author-image-width} + #{map-get($spacers, 2)});`
		1817	`content: "";`
		1818	`background-color: $gray-200;`
		1819	`width: 2px;`
		1820	`height: calc(100% - #{$author-image-width} + #{map-get($spacers, 2)});`
		1821	`}`
		1822	`}`
		1823	`}`
		1824
		1825	`.parent-container+.post-container {`
		1826	`.author-image-container {`
		1827	`img {`
		1828	`width: $author-image-width-sm !important;`
		1829	`/* stylelint-disable-line declaration-no-important */`
		1830	`}`
		1831	`}`
		1832	`}`
		1833	`}`
		1834	`}`
		1835
		1836	`.path-mod-forum .unified-grader .nested-v2-display-mode,`
		1837	`.path-mod-forum .modal .nested-v2-display-mode {`
		1838	`.post-subject {`
		1839	`display: none;`
		1840	`}`
		1841	`}`
		1842
		1843	`@include media-breakpoint-down(xs) {`
		1844	`.path-mod-forum .unified-grader {`
		1845	`.grader-grading-panel {`
		1846	`width: 100%;`
		1847	`}`
		1848	`}`
		1849	`}`
		1850
		1851	`.grade-notifications-box,`
		1852	`.grade-grade-box {`
		1853	`padding: 20px;`
		1854	`border: 1px solid $border-color;`
		1855	`border-radius: $btn-border-radius;`
		1856
		1857	`.theme-dark & {`
		1858	`border-color: $dm-border-color;`
		1859	`}`
		1860
		1861	`label {`
		1862	`margin: 0.5rem 0;`
		1863	`}`
		1864	`}`
		1865
		1866	`#page-mod-forum-search {`
		1867	`.rui-main-content-title--h4 {`
		1868	`margin-top: 1rem;`
		1869	`}`
		1870
		1871	`.rui-main-content-title--h3 {`
		1872	`margin-bottom: $page-padding-global;`
		1873	`}`
		1874	`}`
		1875
		1876	`.path-mod-forum .forumthread.post-replies {`
		1877	`margin-left: 76px;`
		1878	`}`
		1879
		1880	`.rui-forum-border-left {`
		1881	`position: relative;`
		1882
		1883	`&:before {`
		1884	`content: '';`
		1885	`background-color: $border-color;`
		1886	`height: 16px;`
		1887	`width: 1px;`
		1888
		1889	`position: absolute;`
		1890	`top: calc(50% - 8px);`
		1891	`left: 0;`
		1892
		1893	`.theme-dark & {`
		1894	`background-color: $dm-border-color;`
		1895	`}`
		1896	`}`
		1897	`}`
		1898
		1899	`#page-mod-forum-index .subscription,`
		1900	`#page-mod-forum-view .subscription {`
		1901	`margin: 0 !important;`
		1902	`padding: 0 !important;`
		1903
		1904	`display: inline-flex;`
		1905
		1906	`.helplink+.helplink {`
		1907	`margin-left: .25rem;`
		1908	`}`
		1909	`}`
		1910
		1911	`#page-mod-forum-index {`
		1912	`.generaltable {`
		1913	`td, th {`
		1914	`max-width: 300px;`
		1915	`}`
		1916	`}`
		1917	`}`
		1918
		1919	`.path-mod-forum-report {`
		1920	`.pb-5.rui-main-content-title--h2 {`
		1921	`margin: 1rem 0;`
		1922	`padding-bottom: 0 !important;`
		1923	`}`
		1924	`}`
		1925
		1926	`//---- Add a new topic form`
		1927	`.rui-collapseaddform {`
		1928	`.row {`
		1929	`display: block !important;`
		1930	`}`
		1931
		1932	`.col-md-3 {`
		1933	`margin-bottom: .35rem;`
		1934	`text-align: left !important;`
		1935	`}`
		1936
		1937	`.col-md-3,`
		1938	`.col-md-9 {`
		1939	`flex: 0 0 100%;`
		1940	`max-width: 100%;`
		1941	`padding-left: 0;`
		1942	`padding-right: 0;`
		1943	`}`
		1944	`}`
		1945
		1946	`.user-content {`
		1947	`.page-content-header-avatar {`
		1948	`margin-left: auto;`
		1949	`margin-right: auto;`
		1950	`margin-bottom: $page-padding-global;`
		1951	`width: $wrapper-md !important;`
		1952
		1953	`@include media-breakpoint-between(xs, md) {`
		1954	`width: 100%;`
		1955	`}`
		1956	`}`
		1957	`}`
		1958
		1959
		1960	`.discussion {`
		1961	`&.favourited {`
		1962	`border-color: var(--primary-color-500);`
		1963	`}`
		1964	`}`
		1965
		1966	`@include media-breakpoint-between(xs, sm) {`
		1967
		1968	`.rui-exportdiscussion,`
		1969	`.rui-movediscussion {`
		1970	`width: 100%;`
		1971
		1972	`div {`
		1973	`width: 100%;`
		1974	`}`
		1975
		1976	`.btn,`
		1977	`.form-inline .custom-select {`
		1978	`margin: 2px 0 !important;`
		1979	`width: 100%;`
		1980	`max-width: 100%;`
		1981	`}`
		1982
		1983	`.form-inline .custom-select {`
		1984	`height: 40px;`
		1985	`padding: 3px 6px;`
		1986	`font-size: $font-size-xs;`
		1987	`}`
		1988	`}`
		1989
		1990	`.rui-forum-buttons {`
		1991	`.btn {`
		1992	`width: 100%;`
		1993	`}`
		1994	`}`
		1995	`}`
		1996
		1997	`.discussion-list {`
		1998	`th {`
		1999	`min-width: 70px;`
		2000	`}`
		2001	`}`
		2002
		2003	`[data-action="forum-inpage-submit"] {`
		2004	`position: relative;`
		2005	`height: 47px;`
		2006	`}`
		2007
		2008	`#page-mod-forum-subscribers .subscriberdiv, #page-mod-forum-subscribers .subscribertable {`
		2009	`width: max-content;`
		2010	`}`
		2011
		2012	`#summaryreport {`
		2013	`.no-overflow {`
		2014	`width: 100%;`
		2015	`overflow: auto;`
		2016
		2017	`table {`
		2018	`width: 100%;`
		2019	`min-width: max-content;`
		2020	`}`
		2021	`}`
		2022	`}`
		2023
		2024	`div.commands:empty {`
		2025	`display: none!important;`
		2026	`}`
		2027
		2028	`// End styling for mod_forum.`

Proyectos de Subversion Moodle

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