dépôts
/
lhc
/
web
/
wiklou.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
RCFilters: Make the interface not jump around while loading
[lhc/web/wiklou.git]
/
resources
/
src
/
mediawiki.rcfilters
/
styles
/
mw.rcfilters.less
diff --git
a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.less
b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.less
index
0ab2c01
..
80aff74
100644
(file)
--- a/
resources/src/mediawiki.rcfilters/styles/mw.rcfilters.less
+++ b/
resources/src/mediawiki.rcfilters/styles/mw.rcfilters.less
@@
-2,7
+2,8
@@
@import 'mw.rcfilters.mixins';
@rcfilters-spinner-width: 70px;
@import 'mw.rcfilters.mixins';
@rcfilters-spinner-width: 70px;
-@rcfilters-head-min-height: 200px;
+@rcfilters-head-min-height: 250px;
+@rcfilters-wl-head-min-height: 320px;
// Corrections for the standard special page
.client-js {
// Corrections for the standard special page
.client-js {
@@
-10,9
+11,15
@@
border: 0;
}
border: 0;
}
+ // Reserve space for the UI while it loads
.rcfilters-head {
min-height: @rcfilters-head-min-height;
}
.rcfilters-head {
min-height: @rcfilters-head-min-height;
}
+ // On the watchlist, reserve a bit more
+ .mw-special-Watchlist .rcfilters-head {
+ min-height: @rcfilters-wl-head-min-height;
+ }
+
body:not( .mw-rcfilters-ui-initialized ) .rcfilters-head {
opacity: 0.5;
pointer-events: none;
body:not( .mw-rcfilters-ui-initialized ) .rcfilters-head {
opacity: 0.5;
pointer-events: none;
@@
-34,9
+41,14
@@
// message of our own
display: none;
}
// message of our own
display: none;
}
+
+ // Reserve space for the highlight circles
+ ul,
+ table.mw-enhanced-rc {
+ .result-circle-margin();
+ }
}
}
- body:not( .mw-rcfilters-ui-initialized ) .mw-changeslist,
body.mw-rcfilters-ui-loading .mw-changeslist {
opacity: 0.5;
}
body.mw-rcfilters-ui-loading .mw-changeslist {
opacity: 0.5;
}
@@
-80,14
+92,19
@@
body.mw-rcfilters-ui-loading .rcfilters-spinner {
display: block;
// When loading new results, display the spinner on top of the results area
body.mw-rcfilters-ui-loading .rcfilters-spinner {
display: block;
// When loading new results, display the spinner on top of the results area
- margin-top:
4
em;
+ margin-top:
2
em;
}
#contentSub,
}
#contentSub,
- .watchlistDetails,
form#mw-watchlist-resetbutton {
display: none;
}
form#mw-watchlist-resetbutton {
display: none;
}
+
+ // Make the watchlist-details message display while loading, but make it not take up any
+ // space. This makes the min-height trick work better.
+ .watchlistDetails {
+ float: left;
+ }
}
.mw-rcfilters-staticfilters-selected {
}
.mw-rcfilters-staticfilters-selected {