From 10dd0e4db0dd1e2a816477c679481b3a5de1c33c Mon Sep 17 00:00:00 2001 From: Ian Gulliver Date: Wed, 28 May 2014 23:16:57 -0700 Subject: [PATCH] Layout for new debug console. --- static/debug.css | 82 +++++++++++++++++++++++ static/debug.html | 167 ++++++++-------------------------------------- 2 files changed, 109 insertions(+), 140 deletions(-) create mode 100644 static/debug.css diff --git a/static/debug.css b/static/debug.css new file mode 100644 index 0000000..841dc01 --- /dev/null +++ b/static/debug.css @@ -0,0 +1,82 @@ +@import url(http://fonts.googleapis.com/css?family=Roboto); + +container { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + display: flex; + flex-direction: row; + align-items: stretch; + font-family: 'Roboto'; +} + +subjectcontainer { + flex-grow: 1; +} + +messagecontainer { + flex-grow: 2; +} + +pincontainer { + flex-grow: 2; +} + +.verticalcontainer { + display: flex; + flex-direction: column; + align-items: stretch; +} + +subjectcontainer .panel { + border-color: #bce8f1; +} + +subjectcontainer panelheading { + background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%); + color: #1a3c4d; +} + +messagecontainer .panel { + border-color: #d6e9c6; +} + +messagecontainer panelheading { + background-image: linear-gradient(to bottom,#dff0d8 0,#d0e9c6 100%); + color: #274d05; +} + +pincontainer .panel { + border-color: #faebcc; +} + +pincontainer panelheading { + background-image: linear-gradient(to bottom,#fcf8e3 0,#faf2cc 100%); + color: #4d3d21; +} + +.panel { + flex-grow: 1; + margin: 5px; + background-color: #fff; + border: 1px solid transparent; + border-radius: 4px; + box-shadow: 0 1px 2px rgba(0, 0, 0, .05); + min-height: 60px; +} + +panelheading { + display: block; + padding: 1px 0 4px 7px; + border-bottom: 1px solid transparent; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + font-size: 18px; + font-variant: small-caps; +} + +.fixed { + flex-grow: 0; +} diff --git a/static/debug.html b/static/debug.html index 7bac87b..c493dbb 100644 --- a/static/debug.html +++ b/static/debug.html @@ -1,147 +1,34 @@ - + -
Google user:
- -
- Subject: - -
-
- - -
- -
- -
- Message: -
-
- - -
- -
- -
- -
- -
- - + + + + Subjects + + + Subscribe + + + + + Messages + + + Send Message + + + + + Pins + + + Pin + + +