Goyslop/4chan-x
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix Fit width for OPs.

Browse Source
This commit is contained in:
Nicolas Stepien 2013-02-14 14:37:43 +01:00
parent bbb455c0c5
commit 90d6a5a90a
10 changed files with 36 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
4chan_x.user.js
View File

File diff suppressed because one or more lines are too long

4
css/burichan.css
View File

@ -1,4 +1,4 @@
/* general */ /* General */
:root.burichan .dialog { :root.burichan .dialog {
background-color: #D6DAF0; background-color: #D6DAF0;
border-color: #B7C5D9; border-color: #B7C5D9;
@ -16,7 +16,7 @@
color: #34345C; color: #34345C;
} }
/* quote */ /* Quote */
:root.burichan .inline { :root.burichan .inline {
border-color: #B7C5D9; border-color: #B7C5D9;
background-color: rgba(255, 255, 255, .14); background-color: rgba(255, 255, 255, .14);

4
css/futaba.css
View File

@ -1,4 +1,4 @@
/* general */ /* General */
:root.futaba .dialog { :root.futaba .dialog {
background-color: #F0E0D6; background-color: #F0E0D6;
border-color: #D9BFB7; border-color: #D9BFB7;
@ -16,7 +16,7 @@
color: #800000; color: #800000;
} }
/* quote */ /* Quote */
:root.futaba .inline { :root.futaba .inline {
border-color: #D9BFB7; border-color: #D9BFB7;
background-color: rgba(255, 255, 255, .14); background-color: rgba(255, 255, 255, .14);

4
css/photon.css
View File

@ -1,4 +1,4 @@
/* general */ /* General */
:root.photon .dialog { :root.photon .dialog {
background-color: #DDD; background-color: #DDD;
border-color: #CCC; border-color: #CCC;
@ -16,7 +16,7 @@
color: #FF6600; color: #FF6600;
} }
/* quote */ /* Quote */
:root.photon .inline { :root.photon .inline {
border-color: #CCC; border-color: #CCC;
background-color: rgba(255, 255, 255, .14); background-color: rgba(255, 255, 255, .14);

19
css/style.css
View File

@ -1,4 +1,4 @@
/* general */ /* General */
.dialog { .dialog {
box-shadow: 0 1px 2px rgba(0, 0, 0, .15); box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
border: 1px solid; border: 1px solid;
@ -132,7 +132,7 @@ a[href="javascript:;"] {
padding: 0; padding: 0;
} }
/* notifications */ /* Notifications */
#notifications { #notifications {
text-align: center; text-align: center;
} }
@ -177,7 +177,7 @@ a[href="javascript:;"] {
overflow: auto; overflow: auto;
} }
/* thread updater */ /* Thread Updater */
#updater { #updater {
text-align: right; text-align: right;
} }
@ -195,7 +195,7 @@ a[href="javascript:;"] {
color: limegreen; color: limegreen;
} }
/* quote */ /* Quote */
.quotelink.deadlink { .quotelink.deadlink {
text-decoration: underline !important; text-decoration: underline !important;
} }
@ -244,7 +244,7 @@ a[href="javascript:;"] {
box-shadow: 0 0 0 2px rgba(216, 94, 49, .7); box-shadow: 0 0 0 2px rgba(216, 94, 49, .7);
} }
/* file */ /* File */
.fileText:hover .fntrunc, .fileText:hover .fntrunc,
.fileText:not(:hover) .fnfull { .fileText:not(:hover) .fnfull {
display: none; display: none;
@ -256,9 +256,10 @@ a[href="javascript:;"] {
:root.presto.fit-width .full-image { :root.presto.fit-width .full-image {
width: 100%; width: 100%;
} }
.expanded-image > .op > .file > .fileThumb, .expanded-image > .op > .file::after {
.expanded-image > .op > .file > .fileThumb > .full-image { content: '';
float: none; clear: both;
display: table;
} }
#ihover { #ihover {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
@ -524,7 +525,7 @@ a[href="javascript:;"] {
padding-right: 20px; padding-right: 20px;
} }
.has-submenu::after { .has-submenu::after {
content: ""; content: '';
border-left: 6px solid; border-left: 6px solid;
border-top: 4px solid transparent; border-top: 4px solid transparent;
border-bottom: 4px solid transparent; border-bottom: 4px solid transparent;

4
css/tomorrow.css
View File

@ -1,4 +1,4 @@
/* general */ /* General */
:root.tomorrow .dialog { :root.tomorrow .dialog {
background-color: #282A2E; background-color: #282A2E;
border-color: #111; border-color: #111;
@ -16,7 +16,7 @@
color: #81A2BE; color: #81A2BE;
} }
/* quote */ /* Quote */
:root.tomorrow .inline { :root.tomorrow .inline {
border-color: #111; border-color: #111;
background-color: rgba(0, 0, 0, .14); background-color: rgba(0, 0, 0, .14);

4
css/yotsuba-b.css
View File

@ -1,4 +1,4 @@
/* general */ /* General */
:root.yotsuba-b .dialog { :root.yotsuba-b .dialog {
background-color: #D6DAF0; background-color: #D6DAF0;
border-color: #B7C5D9; border-color: #B7C5D9;
@ -16,7 +16,7 @@
color: #34345C; color: #34345C;
} }
/* quote */ /* Quote */
:root.yotsuba-b .inline { :root.yotsuba-b .inline {
border-color: #B7C5D9; border-color: #B7C5D9;
background-color: rgba(255, 255, 255, .14); background-color: rgba(255, 255, 255, .14);

4
css/yotsuba.css
View File

@ -1,4 +1,4 @@
/* general */ /* General */
:root.yotsuba .dialog { :root.yotsuba .dialog {
background-color: #F0E0D6; background-color: #F0E0D6;
border-color: #D9BFB7; border-color: #D9BFB7;
@ -16,7 +16,7 @@
color: #800000; color: #800000;
} }
/* quote */ /* Quote */
:root.yotsuba .inline { :root.yotsuba .inline {
border-color: #D9BFB7; border-color: #D9BFB7;
background-color: rgba(255, 255, 255, .14); background-color: rgba(255, 255, 255, .14);

8
lib/ui.coffee
View File

@ -286,13 +286,13 @@ UI = (->
d.removeEventListener 'mouseup', @up, false d.removeEventListener 'mouseup', @up, false
localStorage.setItem "#{g.NAMESPACE}#{@id}.position", @style.cssText localStorage.setItem "#{g.NAMESPACE}#{@id}.position", @style.cssText
hoverstart = ({root, el, initialEvent, events, asapTest, cb}) -> hoverstart = ({root, el, initialEvent, endEvents, asapTest, cb}) ->
o = { o = {
root: root root: root
el: el el: el
style: el.style style: el.style
cb: cb cb: cb
events: events.split ' ' endEvents: endEvents.split ' '
mousemove: (e) -> initialEvent = e mousemove: (e) -> initialEvent = e
clientHeight: doc.clientHeight clientHeight: doc.clientHeight
clientWidth: doc.clientWidth clientWidth: doc.clientWidth
@ -310,7 +310,7 @@ UI = (->
o.timeout = setTimeout asap, 25 o.timeout = setTimeout asap, 25
asap() asap()
for event in o.events for event in o.endEvents
root.addEventListener event, o.hoverend, false root.addEventListener event, o.hoverend, false
root.addEventListener 'mousemove', o.hover, false root.addEventListener 'mousemove', o.hover, false
hover = (e) -> hover = (e) ->
@ -339,7 +339,7 @@ UI = (->
style.right = right style.right = right
hoverend = -> hoverend = ->
@el.parentNode.removeChild @el @el.parentNode.removeChild @el
for event in @events for event in @endEvents
@root.removeEventListener event, @hoverend, false @root.removeEventListener event, @hoverend, false
@root.removeEventListener 'mousemove', @hover, false @root.removeEventListener 'mousemove', @hover, false
@root.removeEventListener 'mousemove', @mousemove, false @root.removeEventListener 'mousemove', @mousemove, false

4
src/features.coffee
View File

@ -1769,7 +1769,7 @@ QuotePreview =
root: @ root: @
el: qp el: qp
initialEvent: e initialEvent: e
events: 'mouseout click' endEvents: 'mouseout click'
cb: QuotePreview.mouseout cb: QuotePreview.mouseout
asapTest: -> qp.firstElementChild asapTest: -> qp.firstElementChild
@ -2314,7 +2314,7 @@ ImageHover =
root: @ root: @
el: el el: el
initialEvent: e initialEvent: e
events: 'mouseout' endEvents: 'mouseout click'
asapTest: -> el.naturalHeight asapTest: -> el.naturalHeight
$.on el, 'error', ImageHover.error $.on el, 'error', ImageHover.error
error: -> error: ->