WebSVN – Moodle – Autoría – /theme/boost/scss/moodle/message.scss

Rev	Autor	Línea Nro.	Línea
1	efrain	1	`/ The message area /`
		2	`@mixin setSelectedContact() {`
		3	`background-color: $message-selected-bg;`
		4	`color: $message-selected-color;`
		5	`border: none;`
		6
		7	`.information {`
		8	`.lastmessage {`
		9	`color: $message-selected-color;`
		10	`}`
		11	`}`
		12	`.picture {`
		13	`border: none;`
		14	`}`
		15	`}`
		16
		17	`.hidden {`
		18	`display: none;`
		19	`}`
		20
		21	`.preferences-container {`
		22	`.container-fluid {`
		23	`padding: 0;`
		24
		25	`.col-md-6 {`
		26	`min-height: 20px;`
		27	`}`
		28	`}`
		29	`.align-bottom {`
		30	`vertical-align: bottom;`
		31	`}`
		32	`.preference-table {`
		33	`border: 1px solid $message-preference-table-border-color;`
		34
		35	`thead {`
		36	`th {`
		37	`text-align: center;`
		38
		39	`.config-warning {`
		40	`display: none;`
		41	`}`
		42
		43	`&.unconfigured {`
		44	`.config-warning {`
		45	`display: inline-block;`
		46	`}`
		47	`}`
		48	`}`
		49	`}`
		50	`tr {`
		51	`th {`
		52	`border-left: 1px solid $border-color;`
		53	`}`
		54	`td {`
		55	`&:not(:first-child) {`
		56	`width: 150px;`
		57	`text-align: center;`
		58	`}`
		59	`&:nth-child(even) {`
		60	`border: 1px solid $border-color;`
		61	`}`
		62	`}`
		63	`}`
		64	`.preference-row {`
		65	`.hover-tooltip-container {`
		66	`display: inline-block;`
		67	`}`
		68
		69	`.preference-name {`
		70	`vertical-align: middle;`
		71	`}`
		72	`.disabled-message {`
		73	`text-align: center;`
		74	`height: 30px;`
		75	`line-height: 30px;`
		76	`}`
		77	`&.loading {`
		78	`.preference-name {`
		79	`.loading-icon {`
		80	`display: block;`
		81	`}`
		82	`}`
		83	`}`
		84	`}`
		85	`}`
		86	`}`
		87
		88	`.disabled-message {`
		89	`display: none;`
		90	`}`
		91
		92	`.disabled {`
		93	`.disabled-message {`
		94	`display: block;`
		95
		96	`+ form {`
		97	`display: none;`
		98	`}`
		99	`}`
		100	`}`
		101
		102	`.general-settings-container {`
		103	`.loading-icon {`
		104	`display: none;`
		105	`}`
		106	`.loading {`
		107	`.loading-icon {`
		108	`display: inline-block;`
		109	`}`
		110	`}`
		111	`label {`
		112	`display: inline-block;`
		113	`}`
		114	`}`
		115	`.processor-container {`
		116	`position: relative;`
		117
		118	`.loading-container {`
		119	`display: none;`
		120	`position: absolute;`
		121	`width: 100%;`
		122	`height: 100%;`
		123	`text-align: center;`
		124	`background-color: $message-loading-bg;`
		125
		126	`.vertical-align {`
		127	`height: 100%;`
		128	`width: 0%;`
		129	`display: inline-block;`
		130	`vertical-align: middle;`
		131	`}`
		132	`}`
		133
		134	`&.loading {`
		135	`.loading-container {`
		136	`display: block;`
		137	`}`
		138	`}`
		139	`}`
		140
		141	`.preferences-page-container {`
		142	`.checkbox-container {`
		143	`margin: 30px 5px;`
		144	`line-height: 20px;`
		145
		146	`input {`
		147	`line-height: 20px;`
		148	`margin: 0;`
		149	`}`
		150
		151	`.loading-icon {`
		152	`display: none;`
		153	`}`
		154
		155	`&.loading {`
		156	`.loading-icon {`
		157	`display: inline-block;`
		158	`}`
		159	`}`
		160	`}`
		161	`}`
		162
		163	`.notification-area {`
		164	`height: 600px;`
		165	`@media (max-height: 670px) {`
		166	`height: 500px;`
		167	`}`
		168	`box-sizing: border-box;`
		169	`border-radius: 4px;`
		170	`margin-bottom: 30px;`
		171	`border: 1px solid $message-notif-area-border-color;`
		172
		173	`.control-area {`
		174	`box-sizing: border-box;`
		175	`display: inline-block;`
		176	`width: 300px;`
		177	`height: 100%;`
		178	`overflow: auto;`
		179	`-webkit-overflow-scrolling: touch;`
		180	`border-right: 1px solid $message-notif-area-border-color;`
		181
		182	`.content {`
		183	`position: relative;`
		184
		185	`.content-item-container {`
		186	`cursor: pointer;`
		187	`}`
		188
		189	`&:empty + .empty-text {`
		190	`display: block;`
		191	`}`
		192	`}`
		193
		194	`.loading-icon {`
		195	`display: none;`
		196	`}`
		197
		198	`.empty-text {`
		199	`display: none;`
		200	`text-align: center;`
		201	`padding-top: 20px;`
		202	`}`
		203
		204	`&.loading {`
		205	`.loading-icon {`
		206	`display: block;`
		207	`text-align: center;`
		208	`box-sizing: border-box;`
		209	`padding: 5px;`
		210	`}`
		211
		212	`.content:empty + .empty-text {`
		213	`display: none;`
		214	`}`
		215	`}`
		216	`}`
		217
		218	`.content-area {`
		219	`box-sizing: border-box;`
		220	`display: inline-block;`
		221	`width: calc(100% - 300px);`
		222	`float: right;`
		223
		224	`.toggle-mode {`
		225	`display: none;`
		226	`}`
		227
		228	`.header {`
		229	`height: 50px;`
		230	`box-sizing: border-box;`
		231	`border-bottom: 1px solid $message-notif-area-border-color;`
		232	`padding: 5px;`
		233
		234	`.image-container {`
		235	`display: inline-block;`
		236	`height: 25px;`
		237	`width: 24px;`
		238	`float: left;`
		239	`}`
		240
		241	`.subject-container {`
		242	`display: inline-block;`
		243	`max-width: calc(100% - 24px);`
		244	`white-space: nowrap;`
		245	`overflow: hidden;`
		246	`text-overflow: ellipsis;`
		247	`height: 25px;`
		248	`padding-left: 5px;`
		249	`box-sizing: border-box;`
		250	`}`
		251
		252	`.timestamp {`
		253	`font-size: 10px;`
		254	`line-height: 10px;`
		255	`margin: 0;`
		256	`color: $message-notif-area-timestamp-color;`
		257	`margin-left: 30px;`
		258	`}`
		259
		260	`&:empty {`
		261	`display: none;`
		262	`}`
		263	`}`
		264
		265	`> .content {`
		266	`height: 500px;`
		267	`@media (max-height: 670px) {`
		268	`height: 400px;`
		269	`}`
		270	`box-sizing: border-box;`
		271	`overflow: auto;`
		272	`-webkit-overflow-scrolling: touch;`
		273	`padding: 15px;`
		274
		275	`&:empty {`
		276	`display: none;`
		277
		278	`& + .empty-text {`
		279	`display: block;`
		280	`text-align: center;`
		281	`padding-top: 100px;`
		282	`}`
		283	`}`
		284	`}`
		285
		286	`.empty-text {`
		287	`display: none;`
		288	`}`
		289
		290	`.footer {`
		291	`height: 50px;`
		292	`box-sizing: border-box;`
		293	`text-align: center;`
		294
		295	`a {`
		296	`line-height: 50px;`
		297	`}`
		298
		299	`&:empty {`
		300	`display: none;`
		301	`}`
		302	`}`
		303	`}`
		304	`}`
		305
		306	`@media (max-width: 979px) {`
		307	`.notification-area {`
		308	`position: relative;`
		309	`overflow: hidden;`
		310
		311	`.control-area {`
		312	`border-right: none;`
		313	`width: 100%;`
		314	`position: absolute;`
		315	`top: 0;`
		316	`left: 0;`
		317	`opacity: 1;`
		318	`visibility: visible;`
		319	`transition: left 0.25s;`
		320	`}`
		321
		322	`.content-area {`
		323	`width: 100%;`
		324	`position: absolute;`
		325	`top: 0;`
		326	`right: -100%;`
		327	`opacity: 0;`
		328	`visibility: hidden;`
		329	`transition: right 0.25s, opacity 0.25s, visibility 0.25s;`
		330
		331	`.toggle-mode {`
		332	`display: inline-block;`
		333	`float: left;`
		334	`width: 70px;`
		335	`height: 50px;`
		336	`line-height: 50px;`
		337	`box-sizing: border-box;`
		338	`border-right: 1px solid $message-notif-area-border-color;`
		339	`border-bottom: 1px solid $message-notif-area-border-color;`
		340	`}`
		341
		342	`.header {`
		343	`display: inline-block;`
		344	`width: calc(100% - 70px);`
		345	`}`
		346	`}`
		347
		348	`&.show-content-area {`
		349	`.control-area {`
		350	`left: -100%;`
		351	`opacity: 0;`
		352	`visibility: hidden;`
		353	`transition: left 0.25s, opacity 0.25s, visibility 0.25s;`
		354	`}`
		355
		356	`.content-area {`
		357	`right: 0;`
		358	`opacity: 1;`
		359	`visibility: visible;`
		360	`transition: right 0.25s;`
		361	`}`
		362	`}`
		363	`}`
		364	`}`
		365
		366	`$message-send-bg: $gray-300 !default;`
		367	`$message-send-color: color-yiq($message-send-bg) !default;`
		368	`$message-send-time-color: mix($message-send-color, $message-send-bg, 100%) !default;`
		369	`$message-received-bg: $body-bg !default;`
		370	`$message-received-color: color-yiq($message-received-bg) !default;`
		371	`$message-received-color-muted: mix($message-received-color, $message-received-bg, 70%) !default;`
		372	`$message-app-bg: mix($message-send-bg, $message-received-bg, 50%) !default;`
		373	`$message-day-color: color-yiq($message-app-bg) !default;`
		374
		375	`.drawer {`
		376	`.message-app {`
		377	`height: 100%;`
		378	`.icon-back-in-app {`
		379	`display: none;`
		380	`}`
		381	`.icon-back-in-drawer {`
		382	`display: inherit;`
		383	`}`
		384	`}`
		385	`}`
		386
		387	`.message-app {`
		388	`display: flex;`
		389	`flex-direction: column;`
		390	`background-color: $message-app-bg;`
		391
		392	`.icon-back-in-drawer {`
		393	`display: none;`
		394	`}`
		395
		396	`&.main {`
		397	`min-height: 400px;`
		398	`}`
		399
		400	`.header-container {`
		401	`flex-shrink: 0;`
		402	`}`
		403
		404	`.overflow-y {`
		405	`overflow-y: auto;`
		406	`}`
		407
		408	`@media (max-height: 320px) {`
		409	`.header-container [data-region="view-overview"]:not(.hidden) {`
		410	`display: flex;`
		411	`align-items: center;`
		412	`}`
		413	`.footer-container [data-region="view-overview"] {`
		414	`display: none;`
		415	`}`
		416	`.overflow-y {`
		417	`overflow-y: unset;`
		418	`}`
		419	`}`
		420	`.body-container {`
		421	`flex: 1;`
		422	`overflow: hidden;`
		423
		424	`& > * {`
		425	`position: absolute;`
		426	`right: 0;`
		427	`left: 0;`
		428	`top: 0;`
		429	`bottom: 0;`
		430	`overflow: auto;`
		431	`}`
		432	`}`
		433
		434	`.footer-container {`
		435	`flex-shrink: 0;`
		436
		437	`textarea {`
		438	`direction: ltr;`
		439	`}`
		440	`}`
		441
		442	`.contact-status {`
		443	`position: absolute;`
		444	`left: 39px;`
		445	`top: 34px;`
		446	`&.online {`
		447	`.icon {`
		448	`color: $green;`
		449	`}`
		450	`}`
		451	`}`
		452
		453	`.message {`
		454	`p {`
		455	`margin: 0;`
		456	`}`
		457	`}`
		458
		459	`.clickable {`
		460	`cursor: pointer;`
		461
		462	`&:hover {`
		463	`filter: drop-shadow(2px 2px 2px $message-clickable-hover-shadow);`
		464	`}`
		465	`}`
		466
		467	`a,`
		468	`.btn-link {`
		469	`color: inherit;`
		470	`}`
		471	`.btn-link {`
		472	`&:hover,`
		473	`&:focus {`
		474	`background-color: rgba($black, .035);`
		475	`text-decoration: none;`
		476	`}`
		477	`}`
		478
		479	`.icon {`
		480	`margin-right: 0;`
		481	`}`
		482
		483	`.overview-section-toggle {`
		484	`.collapsed-icon-container {`
		485	`display: none;`
		486	`}`
		487	`.expanded-icon-container {`
		488	`display: inline-block;`
		489	`}`
		490
		491	`&.collapsed {`
		492	`.collapsed-icon-container {`
		493	`display: inline-block;`
		494	`}`
		495	`.expanded-icon-container {`
		496	`display: none;`
		497	`}`
		498	`}`
		499	`}`
		500
		501	`.btn.btn-link.btn-icon {`
		502	`height: $icon-width;`
		503	`width: $icon-width;`
		504	`padding: 0;`
		505	`border-radius: 50%;`
		506	`flex-shrink: 0;`
		507
		508	`@each $size, $length in $iconsizes {`
		509	`&.icon-size-#{$size} {`
		510	`height: ($length + 20px) !important; /* stylelint-disable-line declaration-no-important */`
		511	`width: ($length + 20px) !important; /* stylelint-disable-line declaration-no-important */`
		512	`}`
		513	`}`
		514	`}`
		515
		516	`.view-overview-body {`
		517	`.section {`
		518	`display: block;`
		519
		520	`&.expanded {`
		521	`display: flex;`
		522	`}`
		523
		524	`div[data-region="toggle"] {`
		525	`padding: 0.1rem;`
		526	`}`
		527	`}`
		528	`}`
		529
		530	`.view-conversation {`
		531	`.content-message-container {`
		532	`img {`
		533	`max-width: 100%;`
		534	`}`
		535	`}`
		536	`}`
		537	`.list-group {`
		538	`border-radius: 0;`
		539	`.list-group-item {`
		540	`border-left: 0;`
		541	`border-right: 0;`
		542	`&:hover {`
		543	`color: $white;`
		544	`background-color: $primary;`
		545	`.badge-primary {`
		546	`background-color: $white;`
		547	`color: $primary;`
		548	`}`
		549	`}`
		550	`&:first-child {`
		551	`border-top: 0;`
		552	`}`
		553	`&:last-child {`
		554	`border-bottom: 0;`
		555	`}`
		556	`&.list-group-item-action {`
		557	`margin: 0.1rem;`
		558	`width: auto;`
		559	`text-align: inherit;`
		560	`}`
		561	`}`
		562	`}`
		563	`.last-message {`
		564	`min-height: 1.5rem;`
		565	`}`
		566	`.section {`
		567	`.collapsing {`
		568	`overflow: hidden;`
		569	`}`
		570	`}`
		571
		572	`.message {`
		573	`&.send {`
		574	`background-color: $message-send-bg;`
		575	`color: $message-send-color;`
		576	`.time {`
		577	`color: $message-send-time-color;`
		578	`}`
		579	`.tail {`
		580	`right: 0;`
		581	`margin-right: -0.5rem;`
		582	`border-bottom-color: $message-send-bg;`
		583	`}`
		584	`}`
		585	`&.received {`
		586	`background-color: $message-received-bg;`
		587	`color: $message-received-color;`
		588	`.time {`
		589	`color: $message-received-color-muted;`
		590	`}`
		591	`.tail {`
		592	`left: 0;`
		593	`margin-left: -0.5rem;`
		594	`border-bottom-color: $message-received-bg;`
		595	`}`
		596	`}`
		597	`.tail {`
		598	`content: '';`
		599	`bottom: 0;`
		600	`width: 0;`
		601	`height: 0;`
		602	`border: 0.5rem solid transparent;`
		603	`position: relative;`
		604	`}`
		605	`}`
		606	`.day {`
		607	`color: $message-day-color;`
		608	`}`
		609	`.lazy-load-list {`
		610	`overflow-y: auto;`
		611	`}`
		612	`}`
		613	`#page-message-index {`
		614	`#page-header {`
		615	`display: none;`
		616	`}`
		617	`#region-main {`
		618	`height: 100%;`
		619	`margin-top: 0;`
		620	`.conversationcontainer {`
		621	`.section {`
		622	`max-height: calc(100vh - 50px);`
		623	`}`
		624	`}`
		625	`div[role="main"] {`
		626	`height: 100%;`
		627	`#maincontent {`
		628	`margin-top: -1px;`
		629	`}`
		630	`.message-app.main {`
		631	`height: 100%;`
		632	`}`
		633	`}`
		634	`}`
		635	`}`
		636	`.dir-rtl {`
		637	`.message-drawer {`
		638	`box-shadow: 2px 2px 4px $message-drawer-shadow;`
		639	`}`
		640	`}`
		641
		642	`.message-app {`
		643	`.emoji-picker-container {`
		644	`position: absolute;`
		645	`top: -5px;`
		646	`right: 5px;`
		647	`transform: translateY(-100%);`
		648
		649	`.emoji-picker {`
		650	`.picker-row {`
		651	`// To override the button styling for the message app.`
		652	`.emoji-button {`
		653	`height: $picker-emoji-button-size;`
		654	`width: $picker-emoji-button-size;`
		655	`}`
		656	`}`
		657	`}`
		658
		659	`@include media-breakpoint-down(xs) {`
		660	`right: -1 * map-get($spacers, 2);`
		661	`}`
		662	`}`
		663
		664	`@media (max-height: 495px) {`
		665	`.emoji-picker-container {`
		666	`position: fixed;`
		667	`top: 0;`
		668	`transform: none;`
		669	`}`
		670	`}`
		671
		672	`.emoji-auto-complete-container {`
		673	`overflow: auto;`
		674	`// Add a 50px buffer to account for scroll bars.`
		675	`max-height: $picker-row-height + 50px;`
		676	`transition: max-height .15s ease-in-out;`
		677	`visibility: visible;`
		678
		679	`&.hidden {`
		680	`display: block;`
		681	`max-height: 0;`
		682	`visibility: hidden;`
		683	`overflow: hidden;`
		684	`transition: max-height .15s ease-in-out, visibility 0s linear .15s, overflow 0s linear .15s;`
		685	`}`
		686	`}`
		687	`}`

Proyectos de Subversion Moodle

(root)/theme/boost/scss/moodle/message.scss – Rev 1