git ssb

3+

ev / decent



Commit 903530df477769fdd1aa57435968b82128fe6d6a

Browse Files

messages need a background

Ev Bogue committed on 9/3/2017, 8:19:42 PM
Parent: 1ecab0763741608ea2c17df7a7324edb24ab4d9c

Files changed

build/index.htmlchanged
client/style.csschanged
client/style.css.jsonchanged
build/index.htmlView
The diff is too large to show. Use a local git client to view these changes.
Old file size: 1226945 bytes
New file size: 1226969 bytes
client/style.cssView
@@ -133,8 +133,9 @@
133133 … padding: .5em;
134134 … border: 1px solid #eee;
135135 … margin-top: -1px;
136136 … border-radius: 5px;
137 …+ background: #f5f5f5;
137138 … }
138139 …
139140 … .message:hover {
140141 … background: white;
client/style.css.jsonView
@@ -1,1 +1,1 @@
1-"body, input, button, p, li, h1, h2, h3, h4, h5, h6, textarea {\n font-family: \"Source Sans Pro\", sans-serif;\n}\n\na:link, a:visited, a:active {\n color: #0088cc;\n text-decoration: underline;\n}\n\na:hover,\na:focus {\n color: #005580;\n}\n\n* {\n word-wrap: break-word;\n}\n\n\npre {\n height: auto;\n max-height: 200px;\n overflow: auto;\n background-color: #eeeeee;\n word-break: normal !important;\n word-wrap: normal !important;\n white-space: pre !important;\n}\n\nh1, h2, h3, h4, h5, h6 {\n font-size: 1.2em;\n margin-top: .35ex;\n}\n\np {\n margin-top: .35ex;\n}\n\nhr {\n border: solid #eee;\n clear: both;\n border-width: 1px 0 0;\n height: 0;\n margin-bottom: .9em;\n}\n\n.screen {\n width: 100%;\n position: absolute;\n top: 0; bottom: 0;\n left: 0; right: 0;\n overflow-y: hidden;\n background: #f5f5f5;\n}\n\n.column {\n display: flex;\n flex-direction: column;\n min-height:0px;\n}\n\n.row {\n display: flex;\n flex-direction: row;\n min-height:0px;\n}\n\n.end {\n justify-content: flex-end;\n}\n\n.wrap {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n}\n\n.no-shrink {\n flex-shrink: 0;\n}\n\n.expand {\n justify-content: space-between;\n}\n\n.scroll-y {\n overflow-y: auto;\n min-height: 0px;\n}\n\n.scroll-x {\n overflow-x: auto;\n min-width: 0px;\n}\n\npre {\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n\n.wide {\n width: 100%;\n}\n\n/* scrolling feeds, threads */\n\n.scroller {\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n flex: 1;\n}\n\n.scroller__wrapper {\n}\n\n/* compose */\n\n.compose {\n width: 100%;\n margin-bottom: .5em;\n}\n\n.compose__button {\n float: right;\n}\n\n/* messages */\n\n.message {\n position: relative;\n flex-basis: 0;\n padding: .5em;\n border: 1px solid #eee;\n margin-top: -1px;\n border-radius: 5px;\n}\n\n.message:hover {\n background: white;\n}\n\n.message_content--mini div > span {\n display: inline-block;\n}\n\n.message_meta {\n float: right;\n}\n\n.message_meta > * {\n margin-left: .5ex;\n}\n\n.message_actions {\n float: right;\n}\n\n.message img {\n max-width: 100%;\n}\n\n.message > .title > .avatar {\n margin-left: 0;\n}\n\n.message_content {\n padding: .5ex;\n}\n\n.actions > :not(:last-child) {\n border-right: 2px solid #eee;\n padding-right: 5px;\n}\n\n.emoji {\n height: 1em;\n width: 1em;\n vertical-align: top;\n}\n\n\n/* -- suggest box */\n\n.suggest-box > * {\n display: block;\n}\n\n.suggest-box ul {\n padding: 0;\n list-style-type: none;\n padding-left: 0;\n margin: 0;\n}\n\n.suggest-box .selected {\n background: #ddd;\n}\n\n.suggest-box {\n width: max-content;\n background: white;\n}\n\n/* emoji */\n.suggest-box img {\n height: 20px;\n width: 20px;\n}\n\n/* avatar */\n\n.avatar--profile {\n width: 5em;\n height: 5em;\n float: left;\n}\n\n.avatar--full {\n width: 100%;\n}\n\n.avatar--large {\n width: 3.5em;\n height: 3.5em;\n border-radius: 5px;\n}\n\n.avatar--thumbnail {\n width: 2.5em;\n height: 2.5em;\n float: left;\n margin-right: .5ex;\n border-radius: 5px;\n}\n\n.avatar--fullsize {\n width: 50%;\n border-radius: 5px;\n}\n\n.profile {\n padding: .5ex;\n}\n\n.profile__info {\n margin-left: .5em;\n}\n\n/* lightbox - used in message-confirm */\n\n.lightbox {\n overflow: auto;\n margin-top: 3em;\n margin-bottom: 3em;\n width: 90%;\n max-width: 600px;\n z-index: 5;\n}\n\n/* searchprompt */\n\n.searchprompt {\n margin-top: 1px;\n margin-bottom: 1px;\n float: left;\n padding: .5em;\n width: 85%;\n}\n\n.header__search {\n position: absolute;\n bottom: .5em;\n left: .5em;\n}\n\n/* TextNodeSearcher highlights */\n\n.highlight {\n background: yellow;\n}\n\n/* avatar editor */\n\n.hypercrop__canvas {\n width: 100%;\n}\n\n/* gitssb */\n\n.git-table-wrapper {\n max-height: 12em;\n overflow: auto;\n word-break: break-all;\n margin: 1em 0;\n}\n\n.git-table-wrapper table {\n width: 100%;\n}\n\n/* --- network status --- */\n\n.status {\n width: 1em;\n height: 1em;\n margin: .5em;\n background: #08c;\n}\n\n.error {\n background: red;\n}\n\n/* tabs */\n\n.left {\n position: fixed;\n left: 0;\n width: 25%;\n height: 100%;\n background: #f5f5f5;\n}\n\n.hypertabs__content {\n margin-left: auto;\n width: 75%;\n}\n\n/* --- hypertabs ------- */\n\n.hypertabs__tabs {\n min-width: 0px;\n width: 100%;\n border-radius 2px;\n}\n\n.hypertabs__tab {\n overflow-x: hidden;\n min-width: 0px;\n border: 1px solid #eee;\n margin-top: -1px;\n background: white;\n}\n\n.hypertabs__tab:hover {\n background: #f5f5f5;\n color: black;\n}\n\n.hypertabs__button {\n overflow-x: hidden;\n min-width: 0px;\n width: 100%;\n padding-left: 1em;\n}\n\n.hypertabs__tab {\n color: black;\n border-top-left-radius: 5px;\n margin-left: -3px;\n padding-top: .5em;\n border-left: 1px solid #ccc;\n width: 100%;\n height: 1.5em;\n}\n\n.hypertabs__tab > a {\n color: #666;\n text-decoration: none;\n white-space: nowrap;\n font-size: .9em;\n}\n\n.hypertabs--selected {\n font-weight: bold;\n background: #f5f5f5;\n border-top-right-radius: 5px;\n z-index: 3;\n}\n\n.hypertabs__x {\n display: none; \n transform: translate(-4px, -2px);\n}\n\n.hypertabs--selected .hypertabs__x {\n display: block;\n}\n\n/* progress bar */\n\n.hyperprogress__bar {\n background: darkgrey;\n}\n.hyperprogress__liquid {\n background: lightblue;\n}\n\n\n"
1 …+"body, input, button, p, li, h1, h2, h3, h4, h5, h6, textarea {\n font-family: \"Source Sans Pro\", sans-serif;\n}\n\na:link, a:visited, a:active {\n color: #0088cc;\n text-decoration: underline;\n}\n\na:hover,\na:focus {\n color: #005580;\n}\n\n* {\n word-wrap: break-word;\n}\n\n\npre {\n height: auto;\n max-height: 200px;\n overflow: auto;\n background-color: #eeeeee;\n word-break: normal !important;\n word-wrap: normal !important;\n white-space: pre !important;\n}\n\nh1, h2, h3, h4, h5, h6 {\n font-size: 1.2em;\n margin-top: .35ex;\n}\n\np {\n margin-top: .35ex;\n}\n\nhr {\n border: solid #eee;\n clear: both;\n border-width: 1px 0 0;\n height: 0;\n margin-bottom: .9em;\n}\n\n.screen {\n width: 100%;\n position: absolute;\n top: 0; bottom: 0;\n left: 0; right: 0;\n overflow-y: hidden;\n background: #f5f5f5;\n}\n\n.column {\n display: flex;\n flex-direction: column;\n min-height:0px;\n}\n\n.row {\n display: flex;\n flex-direction: row;\n min-height:0px;\n}\n\n.end {\n justify-content: flex-end;\n}\n\n.wrap {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n}\n\n.no-shrink {\n flex-shrink: 0;\n}\n\n.expand {\n justify-content: space-between;\n}\n\n.scroll-y {\n overflow-y: auto;\n min-height: 0px;\n}\n\n.scroll-x {\n overflow-x: auto;\n min-width: 0px;\n}\n\npre {\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n\n.wide {\n width: 100%;\n}\n\n/* scrolling feeds, threads */\n\n.scroller {\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n flex: 1;\n}\n\n.scroller__wrapper {\n}\n\n/* compose */\n\n.compose {\n width: 100%;\n margin-bottom: .5em;\n}\n\n.compose__button {\n float: right;\n}\n\n/* messages */\n\n.message {\n position: relative;\n flex-basis: 0;\n padding: .5em;\n border: 1px solid #eee;\n margin-top: -1px;\n border-radius: 5px;\n background: #f5f5f5;\n}\n\n.message:hover {\n background: white;\n}\n\n.message_content--mini div > span {\n display: inline-block;\n}\n\n.message_meta {\n float: right;\n}\n\n.message_meta > * {\n margin-left: .5ex;\n}\n\n.message_actions {\n float: right;\n}\n\n.message img {\n max-width: 100%;\n}\n\n.message > .title > .avatar {\n margin-left: 0;\n}\n\n.message_content {\n padding: .5ex;\n}\n\n.actions > :not(:last-child) {\n border-right: 2px solid #eee;\n padding-right: 5px;\n}\n\n.emoji {\n height: 1em;\n width: 1em;\n vertical-align: top;\n}\n\n\n/* -- suggest box */\n\n.suggest-box > * {\n display: block;\n}\n\n.suggest-box ul {\n padding: 0;\n list-style-type: none;\n padding-left: 0;\n margin: 0;\n}\n\n.suggest-box .selected {\n background: #ddd;\n}\n\n.suggest-box {\n width: max-content;\n background: white;\n}\n\n/* emoji */\n.suggest-box img {\n height: 20px;\n width: 20px;\n}\n\n/* avatar */\n\n.avatar--profile {\n width: 5em;\n height: 5em;\n float: left;\n}\n\n.avatar--full {\n width: 100%;\n}\n\n.avatar--large {\n width: 3.5em;\n height: 3.5em;\n border-radius: 5px;\n}\n\n.avatar--thumbnail {\n width: 2.5em;\n height: 2.5em;\n float: left;\n margin-right: .5ex;\n border-radius: 5px;\n}\n\n.avatar--fullsize {\n width: 50%;\n border-radius: 5px;\n}\n\n.profile {\n padding: .5ex;\n}\n\n.profile__info {\n margin-left: .5em;\n}\n\n/* lightbox - used in message-confirm */\n\n.lightbox {\n overflow: auto;\n margin-top: 3em;\n margin-bottom: 3em;\n width: 90%;\n max-width: 600px;\n z-index: 5;\n}\n\n/* searchprompt */\n\n.searchprompt {\n margin-top: 1px;\n margin-bottom: 1px;\n float: left;\n padding: .5em;\n width: 85%;\n}\n\n.header__search {\n position: absolute;\n bottom: .5em;\n left: .5em;\n}\n\n/* TextNodeSearcher highlights */\n\n.highlight {\n background: yellow;\n}\n\n/* avatar editor */\n\n.hypercrop__canvas {\n width: 100%;\n}\n\n/* gitssb */\n\n.git-table-wrapper {\n max-height: 12em;\n overflow: auto;\n word-break: break-all;\n margin: 1em 0;\n}\n\n.git-table-wrapper table {\n width: 100%;\n}\n\n/* --- network status --- */\n\n.status {\n width: 1em;\n height: 1em;\n margin: .5em;\n background: #08c;\n}\n\n.error {\n background: red;\n}\n\n/* tabs */\n\n.left {\n position: fixed;\n left: 0;\n width: 25%;\n height: 100%;\n background: #f5f5f5;\n}\n\n.hypertabs__content {\n margin-left: auto;\n width: 75%;\n}\n\n/* --- hypertabs ------- */\n\n.hypertabs__tabs {\n min-width: 0px;\n width: 100%;\n border-radius 2px;\n}\n\n.hypertabs__tab {\n overflow-x: hidden;\n min-width: 0px;\n border: 1px solid #eee;\n margin-top: -1px;\n background: white;\n}\n\n.hypertabs__tab:hover {\n background: #f5f5f5;\n color: black;\n}\n\n.hypertabs__button {\n overflow-x: hidden;\n min-width: 0px;\n width: 100%;\n padding-left: 1em;\n}\n\n.hypertabs__tab {\n color: black;\n border-top-left-radius: 5px;\n margin-left: -3px;\n padding-top: .5em;\n border-left: 1px solid #ccc;\n width: 100%;\n height: 1.5em;\n}\n\n.hypertabs__tab > a {\n color: #666;\n text-decoration: none;\n white-space: nowrap;\n font-size: .9em;\n}\n\n.hypertabs--selected {\n font-weight: bold;\n background: #f5f5f5;\n border-top-right-radius: 5px;\n z-index: 3;\n}\n\n.hypertabs__x {\n display: none; \n transform: translate(-4px, -2px);\n}\n\n.hypertabs--selected .hypertabs__x {\n display: block;\n}\n\n/* progress bar */\n\n.hyperprogress__bar {\n background: darkgrey;\n}\n.hyperprogress__liquid {\n background: lightblue;\n}\n\n\n"

Built with git-ssb-web