File: display_layout.html

package info (click to toggle)
chromium 138.0.7204.183-1~deb12u1
  • links: PTS, VCS
  • area: main
  • in suites: bookworm-proposed-updates
  • size: 6,080,960 kB
  • sloc: cpp: 34,937,079; ansic: 7,176,967; javascript: 4,110,704; python: 1,419,954; asm: 946,768; xml: 739,971; pascal: 187,324; sh: 89,623; perl: 88,663; objc: 79,944; sql: 50,304; cs: 41,786; fortran: 24,137; makefile: 21,811; php: 13,980; tcl: 13,166; yacc: 8,925; ruby: 7,485; awk: 3,720; lisp: 3,096; lex: 1,327; ada: 727; jsp: 228; sed: 36
file content (67 lines) | stat: -rw-r--r-- 2,090 bytes parent folder | download | duplicates (7)
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
<style include="settings-shared">
  /* Use relative position with no offset so that display divs (children),
     which have absolute positions, are offset from the displayArea div. */
  #displayArea {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
  }

  /* Note: the size of the border / box shadow affects the style generated
     in getDivStyle_ and getMirrorDivStyle_ */
  .display {
    align-items: center;
    background: var(--cros-textfield-background-color);
    color: var(--cros-text-color-secondary);
    cursor: default;
    display: flex;
    font-size: 100%;
    font-weight: 500;
    justify-content: center;
    margin: 4px;
    padding: 3px;
    position: absolute;
    text-align: center;
  }
  .display[selected] {
    border: var(--cros-icon-color-prominent) solid 1px;
  }
  .display.mirror {
    border: var(--cros-icon-color-prominent) solid 1px;
  }
  .highlight-left {
    border-left: var(--cros-icon-color-prominent) solid 1px;
  }
  .highlight-right {
    border-right: var(--cros-icon-color-prominent) solid 1px;
  }
  .highlight-top {
    border-top: var(--cros-icon-color-prominent) solid 1px;
  }
  .highlight-bottom {
    border-bottom: var(--cros-icon-color-prominent) solid 1px;
  }

  .display.elevate {
    box-shadow: var(--cr-elevation-3);
  }
</style>
<div id="displayArea" on-iron-resize="calculateVisualScale_">
  <template is="dom-repeat" items="[[mirroringDestinationIds_]]">
    <div id="_mirror_[[item]]" class="display mirror"
        hidden$="[[!mirroring]]"
        style$="[[getMirrorDivStyle_(index, mirroringDestinationIds_.length,
                                     displays, visualScale)]]">
    </div>
  </template>
  <template is="dom-repeat" items="[[displays]]">
    <div id="_[[item.id]]" class="display elevate"
        draggable="[[dragEnabled]]" on-focus="onFocus_"
        on-click="onSelectDisplayClick_"
        style$="[[getDivStyle_(item.id, item.bounds, visualScale)]]"
        selected$="[[isSelected_(item, selectedDisplay)]]"
        tabindex="0">
    </div>
  </template>
</div>