gryf/pentadactyl-pm
1
0
Fork 0
mirror of https://github.com/gryf/pentadactyl-pm.git synced 2025-12-23 23:02:27 +01:00
Code Issues Projects Releases Wiki Activity

Make Gradient a bit more robust. Add a margin above completion groups.

Browse Source
This commit is contained in:
Kris Maglione
2008-11-29 12:59:19 +00:00
parent ab365406a1
commit 5e34333db9
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
content/style.js
View File

@@ -26,6 +26,8 @@ function Highlights(name, store, serial)
NonText color: blue; min-height: 16px; padding-left: 2px; NonText color: blue; min-height: 16px; padding-left: 2px;
Preview color: gray; Preview color: gray;
CompGroup
CompGroup:not(:first-of-type) margin-top: .5em;
CompTitle color: magenta; background: white; font-weight: bold; CompTitle color: magenta; background: white; font-weight: bold;
CompTitle>* /* border-bottom: 1px dashed magenta; */ CompTitle>* /* border-bottom: 1px dashed magenta; */
CompMsg font-style: italic; margin-left: 16px; CompMsg font-style: italic; margin-left: 16px;
@@ -41,7 +43,7 @@ function Highlights(name, store, serial)
CompMore text-align: center; height: .5ex; line-height: .5ex; CompMore text-align: center; height: .5ex; line-height: .5ex;
CompMore::after content: "\2304" /* Unicode down arrowhead */ CompMore::after content: "\2304" /* Unicode down arrowhead */
Gradient height: 1px; margin-bottom: -1px; Gradient height: 1px; margin-bottom: -1px; margin-top: -1px;
GradientLeft background-color: magenta; GradientLeft background-color: magenta;
GradientRight background-color: white; GradientRight background-color: white;

9
content/ui.js
View File

@@ -1325,8 +1325,11 @@ function ItemList(id) //{{{
let gradient = let gradient =
<div highlight="Gradient"> <div highlight="Gradient">
<div style="height: 0px"><div highlight="GradientRight Gradient"/></div> <div style="height: 0px">
<table highlight="Gradient" width="100%"> <div highlight="GradientRight Gradient"
style="border: 0 !important; margin: 0 !important; padding: 0 !important;"/>
</div>
<table width="100%" style="height: 100%">
<tr> <tr>
{ template.map(util.range(0, 100), function (i) { template.map(util.range(0, 100), function (i)
<td highlight="GradientLeft" style={"opacity: " + (1 - i / 100)}/>) } <td highlight="GradientLeft" style={"opacity: " + (1 - i / 100)}/>) }
@@ -1378,7 +1381,7 @@ function ItemList(id) //{{{
if (!context.items.length && !context.message && !context.incomplete) if (!context.items.length && !context.message && !context.incomplete)
return; return;
context.cache.nodes = []; context.cache.nodes = [];
dom(<div key="root"> dom(<div key="root" highlight="CompGroup">
<div highlight="Completions"> <div highlight="Completions">
{ context.createRow(context.title || [], "CompTitle") } { context.createRow(context.title || [], "CompTitle") }
</div> </div>