summaryrefslogtreecommitdiff
path: root/addons/web/static/src/scss/views.scss
blob: ff843145d18df75857b023dff7f273cf28d2505d (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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
/**
 * This file regroups the rules which apply on elements which are shared between
 * all renderers. For field default rules, see the fields.scss file.
 */

// Invisible modifier (can be inside the view, the button area, ...)
.o_invisible_modifier {
    display: none!important;
}

// Status
// This should normally be put in fields.scss but these classes are used outside
// of `.o_field_widget` so it needs to be placed at an upper level.
.o_status {
    display: inline-block;
    height: 12px;
    width: 12px;
    border-radius: 6px;
    vertical-align: middle;

    background-color: gray('300');

    &.o_status_green {
        background-color: theme-color('success');
    }
    &.o_status_red {
        background-color: theme-color('danger');
    }
}

.o_btn-link-as-button {
    padding: 2px;
    font-size:12px;

    & > a {
        margin-bottom: -4px !important;
        margin-left: 3px;
    }
}

// No content helper
.o_view_nocontent {
    @include o-position-absolute(30%, 0, 0, 0);
    pointer-events: none;
    z-index: 1;

    .o_nocontent_help {
        @include o-nocontent-empty;

        .o_view_nocontent_smiling_face:before {
            @extend %o-nocontent-init-image;
            @include size(120px, 140px);
            background: transparent url(/web/static/src/img/smiling_face.svg) no-repeat center;
        }

        .o_view_nocontent_neutral_face:before {
            @extend %o-nocontent-init-image;
            @include size(120px, 140px);
            background: transparent url(/web/static/src/img/neutral_face.svg) no-repeat center;
        }

        .o_view_nocontent_empty_folder:before {
            @extend %o-nocontent-empty-document;
        }

        .o_empty_custom_dashboard {
            min-height: 327px;
            margin-left: -$grid-gutter-width/2;
            margin-top: -$grid-gutter-width/2;
            padding: 100px 0 0 137px;
            background: transparent url(/web/static/src/img/graph_background.png) no-repeat 0 0;
        }
    }
}

.o_view_sample_data {
    .o_list_table {
        cursor: default !important;

        & > thead .o_list_record_selector {
            pointer-events: none;
        }
    }

    .o_nocontent_help {
        border-radius: 20%;
        background-color: #f9f9f9;
        box-shadow: 0 0 120px 100px #f9f9f9;
    }

    .o_sample_data_disabled {
        opacity: 0.33;
        pointer-events: none;
        user-select: none;
    }
}