cms/app-client/app/styles/app.scss
author ymh <ymh.work@gmail.com>
Tue, 20 Dec 2016 01:50:35 +0100
changeset 479 e7df0b5b09b6
parent 477 ce52f0fca330
child 481 002a05cd849f
permissions -rw-r--r--
better cross browser compatibility, still pb with MS edge
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
223
2457942e7453 Colors to variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 222
diff changeset
     1
$dark-blue: #13212d;
246
5b7ae96768be Bsic transcript-component design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 244
diff changeset
     2
$grey-blue: #71848d;
224
d284324358b2 Remplace hexadecimal codes with sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 223
diff changeset
     3
$medium-blue: #253946;
d284324358b2 Remplace hexadecimal codes with sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 223
diff changeset
     4
$light-blue: #becfd4;
225
5e3cd85cde06 More sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 224
diff changeset
     5
$blue: #2faddd;
228
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
     6
$light-grey: #878e94;
225
5e3cd85cde06 More sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 224
diff changeset
     7
$medium-grey: #71848d;
248
256272c33349 Transcript sentence lick and play
Chloe Laisne <chloe.laisne@gmail.com>
parents: 246
diff changeset
     8
$medium-grey-5: rgba(113,132,141,.2);
225
5e3cd85cde06 More sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 224
diff changeset
     9
$dark-grey: #59626b;
5e3cd85cde06 More sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 224
diff changeset
    10
$medium-white: #f5f5f5;
224
d284324358b2 Remplace hexadecimal codes with sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 223
diff changeset
    11
$light-white: #fbfbfb;
223
2457942e7453 Colors to variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 222
diff changeset
    12
351
c69dcc3b0524 New colors player and playlist
Chloe Laisne <chloe.laisne@gmail.com>
parents: 350
diff changeset
    13
$corpus-white: #ffffff;
c69dcc3b0524 New colors player and playlist
Chloe Laisne <chloe.laisne@gmail.com>
parents: 350
diff changeset
    14
$corpus-blue: #0085cb;
461
9b7a6c099870 add morphenes to transcripts
ymh <ymh.work@gmail.com>
parents: 452
diff changeset
    15
$corpus-lighter-blue: #d1ecff;
351
c69dcc3b0524 New colors player and playlist
Chloe Laisne <chloe.laisne@gmail.com>
parents: 350
diff changeset
    16
$corpus-light-blue: #349dd6;
c69dcc3b0524 New colors player and playlist
Chloe Laisne <chloe.laisne@gmail.com>
parents: 350
diff changeset
    17
$corpus-light-grey: #f3f3f3;
461
9b7a6c099870 add morphenes to transcripts
ymh <ymh.work@gmail.com>
parents: 452
diff changeset
    18
$corpus-light-grey2: #cbcbcb;
351
c69dcc3b0524 New colors player and playlist
Chloe Laisne <chloe.laisne@gmail.com>
parents: 350
diff changeset
    19
$corpus-grey: #777777;
461
9b7a6c099870 add morphenes to transcripts
ymh <ymh.work@gmail.com>
parents: 452
diff changeset
    20
$corpus-dark-grey: #333333;
351
c69dcc3b0524 New colors player and playlist
Chloe Laisne <chloe.laisne@gmail.com>
parents: 350
diff changeset
    21
$corpus-black: #0f0f0f;
c69dcc3b0524 New colors player and playlist
Chloe Laisne <chloe.laisne@gmail.com>
parents: 350
diff changeset
    22
349
74bbf705a5ca Quickfix css
Chloe Laisne <chloe.laisne@gmail.com>
parents: 316
diff changeset
    23
$content-height: 540px;
350
c3a6266ebe0a Fix loading width height issues
Chloe Laisne <chloe.laisne@gmail.com>
parents: 349
diff changeset
    24
$content-width: 1110px;
255
ed05b89e3299 Add words to transcript
Chloe Laisne <chloe.laisne@gmail.com>
parents: 254
diff changeset
    25
196
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
    26
body {
225
5e3cd85cde06 More sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 224
diff changeset
    27
    background-color: $medium-white;
362
c7aac4484587 Discourses colors
Chloe Laisne <chloe.laisne@gmail.com>
parents: 355
diff changeset
    28
    -webkit-font-smoothing: antialiased;
196
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
    29
}
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
    30
222
0eba8101b129 Add fields to sparse-document
Chloe Laisne <chloe.laisne@gmail.com>
parents: 219
diff changeset
    31
button {
0eba8101b129 Add fields to sparse-document
Chloe Laisne <chloe.laisne@gmail.com>
parents: 219
diff changeset
    32
    font-family: sans-serif;
0eba8101b129 Add fields to sparse-document
Chloe Laisne <chloe.laisne@gmail.com>
parents: 219
diff changeset
    33
}
0eba8101b129 Add fields to sparse-document
Chloe Laisne <chloe.laisne@gmail.com>
parents: 219
diff changeset
    34
228
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    35
button:focus {
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    36
    outline:0;
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    37
}
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    38
467
762fc0eb4946 Migrate d3js to v4 and correct d3js visualisations i.e. bug 3.20. Breadcrumb navigation for the language treemap has been improved
ymh <ymh.work@gmail.com>
parents: 463
diff changeset
    39
.base-font {
762fc0eb4946 Migrate d3js to v4 and correct d3js visualisations i.e. bug 3.20. Breadcrumb navigation for the language treemap has been improved
ymh <ymh.work@gmail.com>
parents: 463
diff changeset
    40
  font-family: sans-serif;
762fc0eb4946 Migrate d3js to v4 and correct d3js visualisations i.e. bug 3.20. Breadcrumb navigation for the language treemap has been improved
ymh <ymh.work@gmail.com>
parents: 463
diff changeset
    41
}
762fc0eb4946 Migrate d3js to v4 and correct d3js visualisations i.e. bug 3.20. Breadcrumb navigation for the language treemap has been improved
ymh <ymh.work@gmail.com>
parents: 463
diff changeset
    42
193
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    43
#corpus-app {
467
762fc0eb4946 Migrate d3js to v4 and correct d3js visualisations i.e. bug 3.20. Breadcrumb navigation for the language treemap has been improved
ymh <ymh.work@gmail.com>
parents: 463
diff changeset
    44
    @extend .base-font;
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    45
    font-size: 12px;
427
695111d1eec9 add some test + css adjustments
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    46
    line-height: initial;
193
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    47
}
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    48
5
d4b3da0dadc9 init ember app with 2 pages and an images
nowmad@23.1.168.192.in-addr.arpa
parents:
diff changeset
    49
#corpus-app {
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    50
    border: 1px solid;
350
c3a6266ebe0a Fix loading width height issues
Chloe Laisne <chloe.laisne@gmail.com>
parents: 349
diff changeset
    51
    width: $content-width;
c3a6266ebe0a Fix loading width height issues
Chloe Laisne <chloe.laisne@gmail.com>
parents: 349
diff changeset
    52
    box-sizing: border-box;
200
a441c40f9c5e Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents: 196
diff changeset
    53
    overflow: hidden;
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    54
    display: block;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    55
    margin-left: auto;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    56
    margin-right: auto;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    57
    margin-bottom: 10px;
44
6e2c500adca0 update css
nowmad@nowmads-macbook-pro.local
parents: 37
diff changeset
    58
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    59
    @import 'tabs/chrono';
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    60
    @import 'tabs/langues';
254
a7cf2887e993 Hide/Show video CSS
Chloe Laisne <chloe.laisne@gmail.com>
parents: 248
diff changeset
    61
}
186
36e5a67656e6 Basic thematiques styling
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    62
254
a7cf2887e993 Hide/Show video CSS
Chloe Laisne <chloe.laisne@gmail.com>
parents: 248
diff changeset
    63
@import 'components/sorting-component';
a7cf2887e993 Hide/Show video CSS
Chloe Laisne <chloe.laisne@gmail.com>
parents: 248
diff changeset
    64
@import 'components/filter-component';
a7cf2887e993 Hide/Show video CSS
Chloe Laisne <chloe.laisne@gmail.com>
parents: 248
diff changeset
    65
@import 'components/playlist-component';
a7cf2887e993 Hide/Show video CSS
Chloe Laisne <chloe.laisne@gmail.com>
parents: 248
diff changeset
    66
@import 'components/discourses-component';
a7cf2887e993 Hide/Show video CSS
Chloe Laisne <chloe.laisne@gmail.com>
parents: 248
diff changeset
    67
@import 'components/player-component';
477
ce52f0fca330 add volume control to the player
ymh <ymh.work@gmail.com>
parents: 467
diff changeset
    68
@import 'components/player-sound-control';
254
a7cf2887e993 Hide/Show video CSS
Chloe Laisne <chloe.laisne@gmail.com>
parents: 248
diff changeset
    69
@import 'components/toolbar-component';
a7cf2887e993 Hide/Show video CSS
Chloe Laisne <chloe.laisne@gmail.com>
parents: 248
diff changeset
    70
@import 'components/notice-component';
447
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 431
diff changeset
    71
@import 'components/notice-location-component';
254
a7cf2887e993 Hide/Show video CSS
Chloe Laisne <chloe.laisne@gmail.com>
parents: 248
diff changeset
    72
@import 'components/transcript-component';
424
feb0d3e0fef9 add dynamic date range calculation for dates, and add color gradient component, add color gradient for language and chrono
ymh <ymh.work@gmail.com>
parents: 373
diff changeset
    73
@import 'components/color-gradient';
431
3e0a4a322f9e Improve scrolling title, uses css animations
ymh <ymh.work@gmail.com>
parents: 427
diff changeset
    74
@import 'components/autoscroll-component';
210
08ad36c693b1 Player design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 208
diff changeset
    75
186
36e5a67656e6 Basic thematiques styling
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    76
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    77
h1, h2, h3, h4, h5, h6 {
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    78
    margin: 0;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    79
    padding: 0;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    80
    font-weight: normal;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    81
    font-size: inherit;
193
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    82
}
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    83
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    84
h2 {
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    85
    text-transform: uppercase;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    86
    text-align: center;
193
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    87
}
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    88
269
9659e91242e1 Add subjects to notice + Background color two notice type + Remove empty notice fields
Chloe Laisne <chloe.laisne@gmail.com>
parents: 265
diff changeset
    89
.corpus-app-modal .notice-component {
9659e91242e1 Add subjects to notice + Background color two notice type + Remove empty notice fields
Chloe Laisne <chloe.laisne@gmail.com>
parents: 265
diff changeset
    90
    background-color: inherit;
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents: 216
diff changeset
    91
}
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents: 216
diff changeset
    92
193
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    93
.corpus-app-container {
235
51acae6af8a3 Switch to white background
Chloe Laisne <chloe.laisne@gmail.com>
parents: 228
diff changeset
    94
    color: $dark-grey;
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    95
    box-sizing: border-box;
355
83f5247f3c7a Fix carto counts and map colors
Chloe Laisne <chloe.laisne@gmail.com>
parents: 351
diff changeset
    96
    background-color: $corpus-white;
315
e3217b6adea3 Display footer toolbar only when transcript or notice is open
Chloe Laisne <chloe.laisne@gmail.com>
parents: 299
diff changeset
    97
    position: relative;
452
85cf1c3a2fea correct rootUrl for module + css on FF 38
ymh <ymh.work@gmail.com>
parents: 449
diff changeset
    98
    overflow: hidden;
216
c174124d1849 /discours and /chrono design changes
Chloe Laisne <chloe.laisne@gmail.com>
parents: 214
diff changeset
    99
}
c174124d1849 /discours and /chrono design changes
Chloe Laisne <chloe.laisne@gmail.com>
parents: 214
diff changeset
   100
254
a7cf2887e993 Hide/Show video CSS
Chloe Laisne <chloe.laisne@gmail.com>
parents: 248
diff changeset
   101
body.videoscreen .corpus-app-container {
373
e952c8a31a2b Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents: 362
diff changeset
   102
    margin-top: 260px;
449
5b0787f51d76 css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents: 447
diff changeset
   103
    height: 280px;
452
85cf1c3a2fea correct rootUrl for module + css on FF 38
ymh <ymh.work@gmail.com>
parents: 449
diff changeset
   104
    overflow-x: hidden;
85cf1c3a2fea correct rootUrl for module + css on FF 38
ymh <ymh.work@gmail.com>
parents: 449
diff changeset
   105
    overflow-y: scroll;
254
a7cf2887e993 Hide/Show video CSS
Chloe Laisne <chloe.laisne@gmail.com>
parents: 248
diff changeset
   106
}
a7cf2887e993 Hide/Show video CSS
Chloe Laisne <chloe.laisne@gmail.com>
parents: 248
diff changeset
   107
a7cf2887e993 Hide/Show video CSS
Chloe Laisne <chloe.laisne@gmail.com>
parents: 248
diff changeset
   108
h2 {
244
d7ab83ecf737 Checked/indeterminate states with /langues endpoint checkboxes
Chloe Laisne <chloe.laisne@gmail.com>
parents: 242
diff changeset
   109
    color: $dark-grey;
d7ab83ecf737 Checked/indeterminate states with /langues endpoint checkboxes
Chloe Laisne <chloe.laisne@gmail.com>
parents: 242
diff changeset
   110
    line-height: 60px;
d7ab83ecf737 Checked/indeterminate states with /langues endpoint checkboxes
Chloe Laisne <chloe.laisne@gmail.com>
parents: 242
diff changeset
   111
    font-size: 14px;
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
   112
}
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
   113
269
9659e91242e1 Add subjects to notice + Background color two notice type + Remove empty notice fields
Chloe Laisne <chloe.laisne@gmail.com>
parents: 265
diff changeset
   114
.corpus-app-container h2,
9659e91242e1 Add subjects to notice + Background color two notice type + Remove empty notice fields
Chloe Laisne <chloe.laisne@gmail.com>
parents: 265
diff changeset
   115
.corpus-app-modal h2 {
254
a7cf2887e993 Hide/Show video CSS
Chloe Laisne <chloe.laisne@gmail.com>
parents: 248
diff changeset
   116
    line-height: 30px;
a7cf2887e993 Hide/Show video CSS
Chloe Laisne <chloe.laisne@gmail.com>
parents: 248
diff changeset
   117
    margin: 12px auto;
a7cf2887e993 Hide/Show video CSS
Chloe Laisne <chloe.laisne@gmail.com>
parents: 248
diff changeset
   118
}
a7cf2887e993 Hide/Show video CSS
Chloe Laisne <chloe.laisne@gmail.com>
parents: 248
diff changeset
   119
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents: 216
diff changeset
   120
.corpus-window {
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents: 216
diff changeset
   121
    overflow: hidden;
218
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   122
    position: relative;
350
c3a6266ebe0a Fix loading width height issues
Chloe Laisne <chloe.laisne@gmail.com>
parents: 349
diff changeset
   123
    width: 100%;
c3a6266ebe0a Fix loading width height issues
Chloe Laisne <chloe.laisne@gmail.com>
parents: 349
diff changeset
   124
    height: $content-height;
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents: 216
diff changeset
   125
}
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents: 216
diff changeset
   126
228
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
   127
#tabs-chrono,
449
5b0787f51d76 css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents: 447
diff changeset
   128
#tabs-thematiques,
5b0787f51d76 css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents: 447
diff changeset
   129
#tabs-discours,
5b0787f51d76 css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents: 447
diff changeset
   130
#tabs-carto,
5b0787f51d76 css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents: 447
diff changeset
   131
#tabs-langues {
5b0787f51d76 css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents: 447
diff changeset
   132
    height: 525px;
5b0787f51d76 css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents: 447
diff changeset
   133
}
5b0787f51d76 css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents: 447
diff changeset
   134
5b0787f51d76 css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents: 447
diff changeset
   135
5b0787f51d76 css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents: 447
diff changeset
   136
#tabs-chrono,
228
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
   137
#tabs-thematiques {
216
c174124d1849 /discours and /chrono design changes
Chloe Laisne <chloe.laisne@gmail.com>
parents: 214
diff changeset
   138
    padding: 0px 20px;
193
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
   139
}
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
   140
228
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
   141
#tabs-discours,
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
   142
#tabs-thematiques {
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
   143
    overflow: hidden;
449
5b0787f51d76 css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents: 447
diff changeset
   144
    //height: 100%;
200
a441c40f9c5e Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents: 196
diff changeset
   145
}
a441c40f9c5e Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents: 196
diff changeset
   146
193
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
   147
.corpus-app-wrapper {
355
83f5247f3c7a Fix carto counts and map colors
Chloe Laisne <chloe.laisne@gmail.com>
parents: 351
diff changeset
   148
    background-color: $corpus-light-grey;
424
feb0d3e0fef9 add dynamic date range calculation for dates, and add color gradient component, add color gradient for language and chrono
ymh <ymh.work@gmail.com>
parents: 373
diff changeset
   149
    border-left: 1px solid $corpus-black;
286
57762c0b601e Treemap layout: Resize node values to get bigger rect when value is smal + Create and display count + Node colors
Chloe Laisne <chloe.laisne@gmail.com>
parents: 269
diff changeset
   150
    position: relative;
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
   151
}
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
   152
218
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   153
.corpus-app-modal,
196
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
   154
.corpus-app-container,
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
   155
.corpus-app-wrapper {
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
   156
    box-sizing: border-box;
349
74bbf705a5ca Quickfix css
Chloe Laisne <chloe.laisne@gmail.com>
parents: 316
diff changeset
   157
    height: $content-height;
196
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
   158
    width: 50%;
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
   159
}
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
   160
449
5b0787f51d76 css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents: 447
diff changeset
   161
.corpus-app-modal {
5b0787f51d76 css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents: 447
diff changeset
   162
    overflow: hidden;
5b0787f51d76 css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents: 447
diff changeset
   163
}
218
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   164
.corpus-app-modal,
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
   165
.corpus-app-container {
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
   166
    display: block;
218
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   167
    border-top: none;
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   168
}
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   169
246
5b7ae96768be Bsic transcript-component design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 244
diff changeset
   170
.corpus-app-container.window {
462
ebd8269781fa support transcript in pdf
ymh <ymh.work@gmail.com>
parents: 461
diff changeset
   171
    overflow-x: hidden;
463
5c43f17f87b5 add a checkbox in player to control transcript autoscroll
ymh <ymh.work@gmail.com>
parents: 462
diff changeset
   172
    overflow-y: auto;
373
e952c8a31a2b Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents: 362
diff changeset
   173
    height: 500px;
246
5b7ae96768be Bsic transcript-component design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 244
diff changeset
   174
}
5b7ae96768be Bsic transcript-component design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 244
diff changeset
   175
218
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   176
.corpus-app-modal {
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   177
    position: absolute;
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   178
    top: 0px;
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   179
    left: 0px;
269
9659e91242e1 Add subjects to notice + Background color two notice type + Remove empty notice fields
Chloe Laisne <chloe.laisne@gmail.com>
parents: 265
diff changeset
   180
    background-color: $medium-white;
9659e91242e1 Add subjects to notice + Background color two notice type + Remove empty notice fields
Chloe Laisne <chloe.laisne@gmail.com>
parents: 265
diff changeset
   181
    border-right: 1px solid $dark-grey;
9659e91242e1 Add subjects to notice + Background color two notice type + Remove empty notice fields
Chloe Laisne <chloe.laisne@gmail.com>
parents: 265
diff changeset
   182
    overflow-y: scroll;
9659e91242e1 Add subjects to notice + Background color two notice type + Remove empty notice fields
Chloe Laisne <chloe.laisne@gmail.com>
parents: 265
diff changeset
   183
    z-index: 1;
218
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   184
}
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   185
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   186
.corpus-app-container {
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
   187
    float: left;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
   188
}
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
   189
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
   190
.corpus-app-wrapper {
196
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
   191
    float: right;
13
ba32dd4cf8d3 update styles
nowmad@23.1.168.192.in-addr.arpa
parents: 5
diff changeset
   192
}
5
d4b3da0dadc9 init ember app with 2 pages and an images
nowmad@23.1.168.192.in-addr.arpa
parents:
diff changeset
   193
207
204f25632006 tabs/discours title + route scss cleanup
Chloe Laisne <chloe.laisne@gmail.com>
parents: 206
diff changeset
   194
#mapdiv{
204f25632006 tabs/discours title + route scss cleanup
Chloe Laisne <chloe.laisne@gmail.com>
parents: 206
diff changeset
   195
  width: 100%;
37
343750d4d38e small improvment of style and add forgotten tabs "thematiques"
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
   196
}
343750d4d38e small improvment of style and add forgotten tabs "thematiques"
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
   197
214
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   198
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   199
i.fa {
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   200
    font-size: 0px;
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   201
    text-align: center;
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   202
    box-sizing: border-box;
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   203
}
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   204
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   205
i.fa::before {
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   206
    font-size: 12px;
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   207
}
462
ebd8269781fa support transcript in pdf
ymh <ymh.work@gmail.com>
parents: 461
diff changeset
   208
ebd8269781fa support transcript in pdf
ymh <ymh.work@gmail.com>
parents: 461
diff changeset
   209
.transcript-container,
ebd8269781fa support transcript in pdf
ymh <ymh.work@gmail.com>
parents: 461
diff changeset
   210
.transcript-iframe {
ebd8269781fa support transcript in pdf
ymh <ymh.work@gmail.com>
parents: 461
diff changeset
   211
  width: 100%;
ebd8269781fa support transcript in pdf
ymh <ymh.work@gmail.com>
parents: 461
diff changeset
   212
  height: 100%;
ebd8269781fa support transcript in pdf
ymh <ymh.work@gmail.com>
parents: 461
diff changeset
   213
}