React-samples/src/dialog/twitter.html 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
62
63
64
65
<style>
    .cont-list img {
        border-radius: 10px;
        float: left;
        height: 56px;
    }

    .comments {
        padding: 10px;
        color: #074B92;
        font-weight: 600;
        position: relative;
        top: 6px;
    }

    .cont-list {
        padding-bottom: 9px;
    }

    .cont-list:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .time-panel {
        float: right;
        color: #2382C3;
        margin-right: 10px;
        margin-top: 7px;
    }

    .headername {
        font-size: 16px;
        font-weight: 600;
        color: #074B92;
        position: relative;
        left: 9px;
    }

    .c-list {
        float: right;
        margin-top: -11px;
        padding-right: 12px;
    }
</style>

<div>
    <div class="comments-list">
        <div class="cont-list">
            <img src="http://js.syncfusion.com/demos/web/content/images/Employee/8.png" alt="contact" />
            <br>
            <div>
                <div class="time-panel">1 hr</div>
                <b class="headername">Erik Linden</b></div><br><br> London, one of the most popular tourist
            destinations in the world for a reason. A cultural and historical hub, London has an excellent public
            transportation system that allows visitors to see all the fantastic sights without spending a ton
            of money on a rental car. London contains four World Heritage Sites.
            <div class="comments">
                <div class="c-list">Retweet</div>
                <div class="c-list">Reply</div>
                <div class="c-list">Share</div>
            </div>
        </div>
    </div>
</div>