summaryrefslogtreecommitdiff
path: root/client/css/user-view.styl
blob: 3cdd29cba1a545d3e46f5bebcbccbbe914e9dde0 (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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
@import colors
$token-border-color = $active-tab-background-color

#user
    width: 100%
    max-width: 35em
    nav.text-nav
        margin-bottom: 1.5em

    #user-summary
        .thumbnail
            width: 6em
            height: 6em
            margin: 0 1.5em 1.5em 0
            float: left
        .basic-info
            list-style-type: none
            margin: 0
        div
            clear: both
        nav
            float: left
            width: 45%
            margin-right: 1em

    #user-edit
        form
            width: 100%
        .avatar
            #avatar-content
                float: right
                width: 65%
                margin-top: .5em
            #avatar-radio
                float: left
                width: 30%
            &:after
                content: ' '
                display: block
                height: 1px
                clear: both

    #user-tokens

        .token-flex-container
            width: 100%
            display: flex;
            flex-direction column;
            padding-bottom: 0.5em;

            .full-width
                width: 100%

            .token-flex-row
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                padding: 0.2em;

                .no-wrap
                  white-space: nowrap;

                .token-input
                    min-height: 2em;
                    line-height: 2em;
                    text-align: center;

            .token-flex-column
                display: flex;
                flex-direction: column;

            .token-flex-labels
                padding-right: 0.5em

            hr
                border-top: 3px solid $token-border-color

        form
            width: 100%;

    #user-delete form
        width: 100%