3 background-color: $content-background-color;
5 .expandble-search-wrapper {
7 justify-content: flex-end;
11 .list-editor-view-header {
13 justify-content: space-between;
14 align-items: flex-end;
15 border-bottom: 1px solid $light-gray;
17 .list-editor-view-title {
18 @extend .heading-3-medium;
20 .list-editor-view-add-controller {
21 @extend .heading-4-medium;
29 .list-editor-view-add-title {
34 vertical-align: middle;
43 .list-editor-view-list-scroller {
46 margin: 18px 0 30px 0;
49 .list-editor-view-list {
52 .list-editor-item-view {
54 border: 1px solid $light-gray;
55 background-color: $white;
59 .list-editor-item-view-content {
63 .list-editor-item-view-field {
68 overflow-wrap: break-word;
71 align-content: center;
85 text-overflow: ellipsis;
91 .list-editor-item-view-controller {
95 justify-content: center;
96 flex-direction: column;
103 transition: fill .3s;
112 .list-editor-item-view-controller {
127 .list-editor-item-view {
128 .list-editor-item-view-content {
132 padding: 10px 18px 10px 0;
133 .list-editor-item-view-field {
136 justify-content: center;
137 flex-direction: column;
139 border-right : 1px solid $light-gray;
156 @include multiline-ellipsis(1.3em, 3);