diff options
| author | bob <bcz@cs.brown.edu> | 2019-05-08 10:13:13 -0400 |
|---|---|---|
| committer | bob <bcz@cs.brown.edu> | 2019-05-08 10:13:13 -0400 |
| commit | a8a5cf33985c47cb6e7c68f30c482232fc8d023a (patch) | |
| tree | c44ac609596a4c2784317952a5837b8ab91e217e /src/client/views/Templates.tsx | |
| parent | d588a4543f1ccc06d1e45fe748007b730c18c042 (diff) | |
converted template constants to screen space - need to think about more flexible api
Diffstat (limited to 'src/client/views/Templates.tsx')
| -rw-r--r-- | src/client/views/Templates.tsx | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/src/client/views/Templates.tsx b/src/client/views/Templates.tsx index de94a1578..6f706bdc5 100644 --- a/src/client/views/Templates.tsx +++ b/src/client/views/Templates.tsx @@ -52,11 +52,15 @@ export namespace Templates { export const TitleOverlay = new Template("TitleOverlay", TemplatePosition.InnerTop, `<div><div style="height:100%; width:100%;position:absolute;">{layout}</div> - <div style="height:25px; width:100%; position:absolute; top: 0; background-color: rgba(0, 0, 0, .4); color: white; padding:2px 10px">{props.Document.title}</div></div>` + <div style="height:25px; width:100%; position:absolute; top: 0; background-color: rgba(0, 0, 0, .4); color: white; "> + <span style="text-align:center;width:100%;font-size:20px;position:absolute;overflow:hidden;white-space:nowrap;text-overflow:ellipsis">{props.Document.title}</span> + </div></div>` ); export const Title = new Template("Title", TemplatePosition.InnerTop, `<div><div style="height:calc(100% - 25px); margin-top: 25px; width:100%;position:absolute;">{layout}</div> - <div style="height:25px; width:100%; position:absolute; top: 0; background-color: rgba(0, 0, 0, .4); color: white; padding:2px 10px">{props.Document.title}</div></div>` + <div style="height:25px; width:100%; position:absolute; top: 0; background-color: rgba(0, 0, 0, .4); color: white; "> + <span style="text-align:center;width:100%;font-size:20px;position:absolute;overflow:hidden;white-space:nowrap;text-overflow:ellipsis">{props.Document.title}</span> + </div></div>` ); export const Bullet = new Template("Bullet", TemplatePosition.InnerTop, |