Welcome to mirror list, hosted at ThFree Co, Russian Federation.

mobile.scss « css - github.com/nextcloud/mail.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
blob: 02d94f72561f1368adeae96239add3b4d5fafb94 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
@media only screen and (max-width: var(--breakpoint-mobile)) {
	.app-content-list {
		max-width: 100vw;
	}

	/* full width for message list on mobile */
	#mail-messages {
		width: 100%;
	}

	/* correctly center loading icon on mobile */
	#mail-message-list-loading {
		width: 100%;
	}

	/* overlay message detail on top of message list */
	#mail-message {
		z-index: 100;
		background: var(--color-main-background);
		width: 100%;
		left: 0;
		top: 0;
	}

	#mail-message-close {
		display: block;
		position: fixed;
		right: 0;
		top: 45px;
		width: 44px;
		height: 44px;
		background-size: 24px;
		z-index: 101;
		cursor: pointer;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)';
		opacity: 0.4;
	}
	#mail-message-close:hover,
	#mail-message-close:focus {
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
		opacity: 0.6;
	}

	.hidden-mobile {
		display: none;
	}

	textarea.message-body {
		padding-right: 12px;
	}

	/* reply-forward actions align to the far right */
	#mail-thread-header .mail-message-actions {
		margin-right: 5px;
	}
}