Commit e41be9be2c5756cd0ca92256d7d7122944415cf2
better organize style sheet
Dominic Tarr committed on 6/24/2016, 9:47:17 PMParent: 72483d41ff0fbb76209ef40a0cdcf91409b6db7f
Files changed
| style.css | changed |
| style.css | ||
|---|---|---|
| @@ -1,9 +1,8 @@ | ||
| 1 | - | |
| 2 | - | |
| 3 | 1 | .screen { |
| 4 | 2 | position: absolute; |
| 5 | 3 | top: 0px; bottom: 0px; |
| 4 | + left: 0px; right: 0px; | |
| 6 | 5 | } |
| 7 | 6 | |
| 8 | 7 | .column { |
| 9 | 8 | display: flex; |
| @@ -55,47 +54,63 @@ | ||
| 55 | 54 | // overflow-x: auto; |
| 56 | 55 | // overflox-y: none; |
| 57 | 56 | } |
| 58 | 57 | |
| 59 | -.content { | |
| 60 | - width: 800px; | |
| 58 | +/* scrolling feeds, threads */\ | |
| 59 | + | |
| 60 | +.scroller { | |
| 61 | + width: 100% | |
| 61 | 62 | } |
| 62 | 63 | |
| 63 | -.content > div { | |
| 64 | - overflow-x: show; | |
| 64 | +.scroller > * { | |
| 65 | 65 | margin-left: auto; |
| 66 | 66 | margin-right: auto; |
| 67 | 67 | } |
| 68 | 68 | |
| 69 | -.content > div > * { | |
| 70 | - max-width: 600px; | |
| 69 | +/* --- hypertabs ------- */ | |
| 70 | + | |
| 71 | +.hypertabs__tabs { | |
| 72 | +// width: 1200px | |
| 73 | + overflow-y: hide; | |
| 71 | 74 | } |
| 72 | 75 | |
| 73 | -.tabs > .row { | |
| 76 | +.hypertabs > .row { | |
| 74 | 77 | flex-grow: 0; flex-shrink: 0; |
| 75 | 78 | margin: 10px; |
| 76 | 79 | } |
| 77 | 80 | |
| 78 | -.tabs > .row > * { | |
| 81 | +.hypertabs__tabs > * { | |
| 79 | 82 | max-width: 50px; |
| 80 | 83 | overflow-x: hidden; |
| 81 | 84 | margin-right: 5px; |
| 82 | 85 | } |
| 83 | 86 | |
| 84 | -.selected { | |
| 87 | +.hypertabs__tab, .hypertabs--selected { | |
| 85 | 88 | background: yellow; |
| 89 | + max-width: 200px; | |
| 86 | 90 | } |
| 87 | 91 | |
| 88 | -.tabs > .row > .selected { | |
| 89 | - max-width: 200px; | |
| 92 | +/* message id */ | |
| 93 | + | |
| 94 | +input { | |
| 95 | + width: 100px; | |
| 90 | 96 | } |
| 97 | +/* compose */ | |
| 91 | 98 | |
| 99 | +.compose { | |
| 100 | + width: 100%; | |
| 101 | +} | |
| 102 | + | |
| 103 | +/* messages */ | |
| 104 | + | |
| 92 | 105 | .message { |
| 93 | 106 | border: 1px solid black; |
| 94 | 107 | padding: 5px; |
| 95 | 108 | background: white; |
| 96 | 109 | display: block; |
| 97 | 110 | flex-basis: 0; |
| 111 | + max-width: 600px; | |
| 112 | + min-width: 300px; | |
| 98 | 113 | } |
| 99 | 114 | |
| 100 | 115 | .message > .title > .message_meta { |
| 101 | 116 | margin-right: 5px; |
| @@ -103,9 +118,11 @@ | ||
| 103 | 118 | .message > .title > .avatar { |
| 104 | 119 | margin-right: 5px; |
| 105 | 120 | } |
| 106 | 121 | |
| 122 | +/* -- suggest box */ | |
| 107 | 123 | |
| 124 | + | |
| 108 | 125 | .suggest-box > * { |
| 109 | 126 | background: white; |
| 110 | 127 | margin: 3px; |
| 111 | 128 | } |
| @@ -121,8 +138,9 @@ | ||
| 121 | 138 | } |
| 122 | 139 | .suggest-box,.selected img { |
| 123 | 140 | width: 200px; |
| 124 | 141 | } |
| 142 | +/* avatar */ | |
| 125 | 143 | |
| 126 | 144 | .avatar { |
| 127 | 145 | display: flex; |
| 128 | 146 | flex-direction: row; |
| @@ -132,4 +150,5 @@ | ||
| 132 | 150 | height: 40px; |
| 133 | 151 | //display: inline-block; |
| 134 | 152 | } |
| 135 | 153 | |
| 154 | + | |
Built with git-ssb-web