client/app/views/Home/ProjectItem/styles.css at fc3d7c89fe194dfef0caca10090afd95f50e08f1 · the-deep/client · 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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
.project-item {
    display: flex;
    flex-direction: column;
    border: var(--dui-width-separator-thin) solid var(--dui-border-color-card);
    border-radius: var(--dui-border-radius-card);

    .project-date-range {
        color: var(--dui-color-label);
    }

    .content {
        display: flex;
        align-items: flex-start;

        .info {
            flex-basis: 0;
            flex-grow: 0.5;

            .basic-details {
                padding: var(--dui-spacing-small) 0;
            }

            .metadata {
                display: flex;

                .column {
                    flex-basis: 0;
                    flex-grow: 1;

                    >* {
                        margin: var(--dui-spacing-medium) 0;
                    }
                }

                .recently-active-list {
                    display: flex;
                    flex-direction: column;
                    font-weight: var(--dui-font-weight-medium);
                    gap: var(--dui-spacing-small);

                    .recently-active-item {
                        display: flex;
                        flex-wrap: wrap;

                        .recently-active-user-name {
                            font-weight: var(--dui-font-weight-bold);
                        }

                        .recent-activity-date {
                            color: var(--dui-color-text-label);
                            font-size: var(--dui-font-size-small);
                            font-weight: var(--dui-font-weight-medium);
                        }
                    }
                }
            }
        }

        .charts {
            display: flex;
            gap: var(--dui-spacing-large);
            flex-basis: 0;
            flex-grow: 0.5;
            flex-wrap: wrap;
            overflow: auto;

            .total-sources {
                align-content: flex-start;
                align-items: flex-start;
                flex-wrap: wrap;
                background-color: var(--dui-color-background-information);
                width: 7.8rem;

                .bookmark-icon {
                    margin-left: 0;
                }
            }

            .progress-lines {
                display: flex;
                flex-direction: column;
                gap: var(--dui-spacing-medium);
                flex-grow: 1;
                background-color: var(--dui-color-background-information);
                padding: var(--dui-spacing-medium);
            }

            .entries-activity-container {
                flex-basis: 100%;
                border: var(--dui-width-separator-thin) solid var(--dui-color-separator);

                .chart-container {
                    display: flex;
                    flex-direction: column;
                    height: 240px;

                    .responsive-container {
                        flex-grow: 1;
                        overflow: hidden;
                    }
                }
            }
        }
    }

    .privacy-badge {
        text-transform: uppercase;
        color: var(--dui-color-text-label);
        font-size: var(--dui-font-size-small);
        font-weight: var(--font-weight-bold);
    }
}

.alert-error {
    color: var(--dui-color-white);
}