React-samples/src/dialog/ajax.css at master · SyncfusionExamples/React-samples · GitHub

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
57
58
59
60
61
    .ajaxcontent .e-dialog .e-dlg-header >img.img1 {
        height: 20px;
        width: 20px;
        float: left;
		margin-right: 10px;
		margin-top: 5px;
    }
    .bootstrap .ajaxcontent .e-dialog .e-dlg-header >img.img1 {
        height: 20px;
        width: 20px;
        float: left;
        margin-right: 10px;
        margin-top: 1px;
    }

    .fabric .ajaxcontent .e-dialog, .bootstrap .ajaxcontent .e-dialog {
        height: 329px;
    }
    .highcontrast .ajaxcontent .e-dialog {
        height: 345px;
    }
    .material .ajaxcontent .e-dialog {
        height: 265px;
    }
    .material.e-bigger .ajaxcontent .e-dialog {
        height: 285px;
    }
    .ajaxcontent .e-footer-content button.e-control.e-btn.e-flat {
        width: 100%
    }
    .ajaxcontent .e-dialog .e-footer-content .e-btn {
		margin-left: 0px;
	}

    .ajaxcontent .e-dlg-header-content {
       min-height: 65px;
    }
    .ajaxcontent .e-btn .e-btn-icon{
	  margin-top: -14px;
	}
    #target {
        height: 100%;
        min-height: 350px;
    }
	.ajaxcontent .e-dialog .e-icon-dlg-close::before{
	    top: 6px;
	}
	.ajaxcontent .e-footer-content button.e-control.e-btn.e-flat {
		width: initial;
	}


@media screen and (min-width: 150px) and (max-width: 480px) {
    .control-section{
        margin-bottom: 30px;
    }
    .control-wrapper{
            margin-bottom: 0px;
    }

}