I would like to use the following box-shadow effect:
box-shadow: 0 1px 20px 0 rgb(231 238 242 / 8%);
It works well when directly applied to the element. But when placed in the .css file, it returns the error:
wrong number of arguments (1 for 3) for `rgb'
May I know what is the root cause please?
Maybe you need to use:
box-shadow: 0 1px 20px 0 rgb(231 238 242/8%);
The whitespace is problem.
In your box-shadow: 0 1px 20px 0 rgb(231 238 242 / 8%); the error in your coloring check your number of arugments for proper color:
You can try this:
box-shadow: 0 1px 20px 0 rgb(231 238 242)
Related
I have an SVG on my website that displays text along a path. This works everywhere except on iOS devices. Here the text is duplicated below the paths. See the image below for what I mean by "duplicated". Any idea on why Safari behaves strangely here? If you need more information about the code let me know. The tspans at the bottom simply have a string inside them
<g>
{/* Line connecting the start of the arc with the fairy icon */}
{index >= 5 && last && <line stroke='#fff' strokeWidth="2" x1={fairyPos?.[0]} y1={fairyPos?.[1]} x2={x} y2={y} />}
{/* Rotate the whole group by 90deg in order to initially hide it */}
<g className="-rotate-90" style={{ transform: `rotate(${rotation}deg)` }}>
{/* Gradient along the path */}
<defs>
<linearGradient id={`gradient${index}`}>
<stop offset="0%" stopColor={fairyGradient?.[0]} />
<stop offset="100%" stopColor={fairyGradient?.[1]} />
</linearGradient>
</defs>
{/* Border around the arc */}
<path id={`msg${index}`} d={arc} fill="none" stroke="#fff" strokeWidth={width} strokeLinecap="round" className="drop-shadow-[4px_4px_0_rgba(0,0,0,0.25)]" />
{/* Arc container of the message */}
<path d={arc} stroke={`url(#gradient${index})`} strokeWidth={width - 4} strokeLinecap="round" fill='none' />
{/* Circle at the start of the arc */}
<circle cx={arcStart[0]} cy={arcStart[1]} r={width / 2 - 1} fill={`url(#gradient${index})`} stroke="#fff" strokeWidth="2" />
{/* Text inside the arc */}
<text color="#446688" fontSize="12px" fontFamily="'Kiwi Maru'" className="text-outline-light">
<textPath startOffset={width / 2 - 1 + 5} xlinkHref={`#msg${index}`}>
<tspan x="0" alignmentBaseline={lines > 1 ? "before-edge" : "central"} dy={lines > 1 ? -(width / 2) + 4 : -1} >{text[0]}</tspan>
{text.length > 1 && text.slice(1).map((v, i) => <tspan key={index + '-' + i} x="0" alignmentBaseline="before-edge" dy="1em">{v}</tspan>)}
</textPath>
</text>
</g>
</g>
Figured it out after individually deleting every single property on my svg elements.
The problem was the className="text-outline-light" on the <text> element. The class was used for text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; and apparently Safari doesn't like it, if you define more than one shadow at once.
I deleted that class and used paintOrder="stroke" stroke="#fff" strokeWidth="1.5", which seems a bit better to use anyways.
I've spent an inordinate amount of time on getting this one stored proc to work, it's basically putting results from the query into an html format that is getting emailed. The query that the proc collects data from works fine and returns results as expected however when the output is attempted to be put into the table for the email it fails with the arithmetic overflow error.
DECLARE #sCompanyName varchar(50) = 'ITT Discrepancy'
DECLARE #sEmailTo varchar(128) = ''
DECLARE #sMailProfile varchar(128) = 'Database Notification Profile'
-- Other declarations
DECLARE #sEMailSubject varchar(100) = #sCompanyName + convert(varchar(10),Convert(date,getdate()))
DECLARE #sMessageBody varchar(max) = '', #sITT varchar(max) = '', #iMailItemID int = 0
-- Exit if there are no records to process
IF NOT EXISTS(select ORDDOCID, ITEMNMBR, TRNSFQTY, case when ct is null then 0 else ct end as 'SerialsScanned', TRNSFQTY-ct as 'Diff' from
(select ORDDOCID, ITEMNMBR,TRNSFQTY from ZTEST.dbo.SVC00701 where TRNSFLOC = 'TS-PF' and STATUS in (3,4)) as gp
left join
(select OrderNumber, ItemNumber, COUNT(serial) as 'ct' from ManualScan.dbo.SoldItems where TranType = 'ITT' group by OrderNumber, ItemNumber) as srl on gp.ORDDOCID = srl.OrderNumber and gp.ITEMNMBR = srl.ItemNumber
where TRNSFQTY-(case when ct is null then 0 else ct end)>0)
RETURN
-- Set the header
SET #sMessageBody = '<html><head><style type="text/css">
.style1
{
width: 100%;
border-style: solid;
border-width: 1px;
}
</style>
</head>
<p style="font-size: large; color: #CC3300;">
' + #sCompanyName + '
</p>'
-- Set the Items Received
DECLARE #sITTnum varchar(31), #sItemNum varchar(31), #sITTQty numeric(19,5), #sSrlQty numeric(18,0), #sDiff numeric(18,0)
DECLARE cITT CURSOR FOR
select ORDDOCID, ITEMNMBR, cast(TRNSFQTY as numeric(18,0)), cast(case when ct is null then 0 else ct end as numeric(18,0)) as 'SerialsScanned', cast(TRNSFQTY as numeric(18,0))-cast(case when ct is null then 0 else ct end as numeric(18,0)) as 'Diff'
from
(select ORDDOCID, ITEMNMBR,cast(TRNSFQTY as numeric(18,0)) as 'TRNSFQTY' from ZTEST.dbo.SVC00701 where TRNSFLOC = 'TS-PF' and STATUS in (3,4)) as gp
left join
(select OrderNumber, ItemNumber, cast(case when COUNT(serial) is null then 0 else COUNT(serial) end as numeric(18,0)) as 'ct' from ManualScan.dbo.SoldItems where TranType = 'ITT' group by OrderNumber, ItemNumber) as srl on gp.ORDDOCID = srl.OrderNumber and gp.ITEMNMBR = srl.ItemNumber
where TRNSFQTY-(case when ct is null then 0 else ct end)>0
OPEN cITT
FETCH NEXT FROM cITT INTO #sITTnum, #sItemNum, #sITTQty, #sSrlQty, #sDiff
WHILE ##FETCH_STATUS = 0
BEGIN
`it says error occurs at this line...`
SELECT #sITT = #sITT + '<tr><td style="border-style: solid; border-width: thin">' + #sITTnum +
'</td><td style="border-style: solid; border-width: thin">' + #sItemNum +
`but if I comment out from these lines it works fine so something in these values/variables`
'</td><td style="border-style: solid; border-width: thin">' + #sITTQty +
'</td><td style="border-style: solid; border-width: thin">' + #sSrlQty +
'</td><td style="border-style: solid; border-width: thin">' + #sDiff +
'</td></tr>'
FETCH NEXT FROM cITT INTO #sITTnum, #sItemNum, #sITTQty, #sSrlQty, #sDiff
END
CLOSE cITT
DEALLOCATE cITT
IF #sITT <> ''
SET #sITT = '<table class="style2"
style="font-family: "Times New Roman", Times, serif; border-style: solid; border-width:thin">
<tr>
<td style="border-style: solid; border-width: thin" >
<b>ITT Num</b></td>
<td style="border-style: solid; border-width: thin" >
<b>Item Number</b></td>
<td style="border-style: solid; border-width: thin">
<b>ITT Quantity</b></td>
<td style="border-style: solid; border-width: thin">
<b>Scanned Quantity</b></td>
<td style="border-style: solid; border-width: thin">
<b>Difference</b></td>
</tr>' + #sITT + '</table></body></html>'
SET #sMessageBody = #sMessageBody + #sITT
EXEC msdb..sp_send_dbmail
#profile_name = #sMailProfile,
#body_format = 'HTML',
#recipients = #sEmailTo,
#subject = #sEMailSubject,
#body = #sMessageBody,
#mailitem_id = #iMailItemID OUTPUT
These are the results of the query:
ORDDOCID ITEMNMBR (No column name) SerialsScanned Diff
T100742 APP-MU8X2LL/A 100 0 100
Any guidance would be extremely appreciated.
In the failing line you essentially have:
declare #sITTQty numeric(19,5); -- = ...
declare #sITT varchar(max); -- = ...
set #sITT = #sITT
+ '</td><td style="border-style: solid; border-width: thin">'
+ #sITTQty
-- + ...
So you are trying to add a numeric to a varchar. This attempts to promote the varchar data to numeric, and that is why you are getting the error.
Add an explicit cast to #sITTQty
declare #sITTQty numeric(19,5);
declare #sITT varchar(max);
set #sITT = #sITT
+ '</td><td style="border-style: solid; border-width: thin">'
+ cast(#sITTQty as varchar(19))
-- + ...
Edit: You will have to do the same with #sDiff and #sSrlQty
%PDF-1.5
...
10737 0 obj
<</MarkInfo<</Marked true>>/Metadata 161 0 R/PageLayout/OneColumn/Pages 10732 0 R/StructTreeRoot 206 0 R/Type/Catalog>>
endobj
10738 0 obj
<</Contents[10740 0 R 10741 0 R 10747 0 R 10748 0 R 10749 0 R 10750 0 R 10751 0 R 10752 0 R]/CropBox[0.0 0.0 516.0 728.64]/MediaBox[0.0 0.0 516.0 728.64]/Parent 10733 0 R/Resources<</ColorSpace<</CS0 10771 0 R/CS1 10772 0 R>>/ExtGState<</GS0 10773 0 R>>/Font<</C2_0 10778 0 R/C2_1 10783 0 R/C2_2 10788 0 R/C2_3 10793 0 R/C2_4 10798 0 R/TT0 10800 0 R/TT1 10802 0 R/TT2 10804 0 R/TT3 10806 0 R/TT4 10808 0 R>>/XObject<</Im0 10769 0 R>>>>/Rotate 0/StructParents 0/Tabs/S/Type/Page>>
endobj
10739 0 obj
<</Filter/FlateDecode/First 410/Length 3756/N 38/Type/ObjStm>>stream
10771 0 10772 21 10773 42 10774 138 10775 190 10776 442 10777 741 10778 752 10779 869 10780 921 10781 1190 10782 2050 10783 2061 10784 2192 10785 2244 10786 2504 10787 3456 10788 3467 10789 3587 10790 3639 10791 3903 10792 6058 10793 6069 10794 6196 10795 6248 10796 6507 10797 8153 10798 8164 10799 8284 10800 8496 10801 9662 10802 9894 10803 11072 10804 11325 10805 11779 10806 11985 10807 13147 10808 13395
[/ICCBased 10753 0 R][/ICCBased 10754 0 R]
<</AIS false/BM/Normal/CA 1.0/OP false/OPM 1/SA true/SMask/None/Type/ExtGState/ca 1.0/op false>>
<</Ordering(Identity)/Registry(Adobe)/Supplement 0>><</Ascent 858/CIDSet 10757 0 R/CapHeight 719/Descent -148/Flags 4/FontBBox[-16 -148 1008 858]/FontFamily(\xfe\xff\x00H\x00Y\xc9\x11\xac\xe0\xb5\x15)/FontFile2 10758 0 R/FontName/YDRADB+H2gtrM/FontStretch/Normal/FontWeight 400/ItalicAngle 0/StemV 60/Type/FontDescriptor/XHeight 520>>
...
endstream
endobj
...
No. - Type
10732 - Pages
206 - StructTreeRoot
10771, 10772, 10773, 10778 ... - Font
Many indirect objects including 10732, 206, 10771 and 10772 do not exist in the pdf file.
But I think I found objects 10771~10808 in object 10739 stream.
Q1. Why are there no object 10732(Pages) and 206(StructTreeRoot) in the pdf file?
Q2. Why are indirect objects in stream?
I would be grateful if you would suggest any explanations or resources for reference.
Starting with version 1.5 PDF supports so called object streams, i.e. stream objects which contain other non-stream objects.
Your object 10739 is such an object stream as you can see in its Type ObjStm.
This allows those other objects to be compressed. In particular structure tree objects which otherwise can substantially increase the size of a PDF, can be compressed fairly well, reducing their impact on the document size.
For details please study the PDF specification, section 7.5.7 – Object Streams, in either the current PDF specification ISO 32000-2 or its predecessor ISO 32000-1.
Adobe has shared a copy of ISO 32000-1 on their web site which merely has its ISO page headers replaced. Simply google for "PDF32000_2008"; currently it is located at https://www.adobe.com/content/dam/acom/en/devnet/pdf/pdfs/PDF32000_2008.pdf but as far as I know this isn't a permalink.
Animation works great on all desktop browsers as well as on iPhone 6 or 8 with iOS 12.
On iPhone XS with iOS 13.3 installed, periodic flickering is observed.
<style type="text/css">
#-webkit-keyframes anim_pet {
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
}
#keyframes anim_pet {
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
}
.anim_pet {
-webkit-animation: anim_pet 120s infinite linear;
animation: anim_pet 120s infinite linear;
}
</style>
<defs>
<symbol id="symbol_pet">
<path d="M0 0 L0.54 0.26 L0.79 1.29 L0.59 2.16 L-0.07 3.25 L-1.4 4.43 L-3.66 5.45 L-7.07 5.87 L-11.73 5.07 L-14.5 3.94 L-17.52 2.15 L-20.71 -0.43 L-23.96 -3.95 L-27.11 -8.57 L-29.97 -14.44 L-32.27 -21.69 L-33.7 -30.44 L-33.87 -40.75 L-32.32 -52.65 L-28.55 -66.09 L-21.95 -80.91 L-11.89 -96.83 L2.34 -113.45 L21.46 -130.14 L46.2 -146.11 L77.24 -160.3 L115.21 -171.39 L160.59 -177.78 L213.65 -177.54 L274.38 -168.44 L342.41 -147.92 L416.87 -113.12 L496.27 -60.93 "/>
</symbol>
</defs>
<radialGradient id = "gra1" cx = "0%" cy = "0%" r = "424px" gradientUnits="userSpaceOnUse">
<stop stop-color = "rgb(176,156,184)" offset = "0.2">
<animate restart="never" attributeName="offset" calcMode="spline" values="0.2; 0.8" keySplines="0.0 0.0 1.0 1.0" dur="8.0s" repeatCount="1" fill="freeze"/>
</stop>
</radialGradient>
<g id="flower" stroke="url(#gra1)">
<g>
<use class="anim_pet" xlink:href="#symbol_pet"/>
<g transform="scale(-1,1)">
<use class="anim_pet" xlink:href="#symbol_pet"/>
</g>
</g>
<g transform="rotate(-30)">
<use class="anim_pet" xlink:href="#symbol_pet"/>
<g transform="scale(-1,1)">
<use class="anim_pet" xlink:href="#symbol_pet"/>
</g>
</g>
...
<g transform="rotate(-330)">
<use class="anim_pet" xlink:href="#symbol_pet"/>
<g transform="scale(-1,1)">
<use class="anim_pet" xlink:href="#symbol_pet"/>
</g>
</g>
</g>
Also, if I remove the gradient and fill the path, the flicker disappears.
... <g id="flower" stroke="blue"> ...
As I see it, this is a bug in the operating system, because it is observed both in Chrome and in Safari.
Or maybe I'm wrong?
Why exactly in the very latest iphone does this absurdity appear?
This is not in any of the browsers since 2012 :) At least as much as I support.
I'd like to edit the forms CSS of bootstrap.
bootstrap-sass / vendor / assets / stylesheets / bootstrap / _forms.scss
I grabbed..
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
background-color: $inputBackground;
border: 1px solid $inputBorder;
#include box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
#include transition(border linear .2s, box-shadow linear .2s);
// Focus state
&:focus {
border-color: rgba(82,168,236,.8);
outline: 0;
outline: thin dotted \9; /* IE6-9 */
#include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6));
}
}
And I attempted to change the rgba values of the focus state.
#include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(200,168,136,.6)
But then I get the following error:
Mixin transition takes 1 argument but 2 were passed.
I think I'm not allowed to just "override" the box-shadow mixin? But I'm not sure how to fix this issue. I appreciate any help.
you want to escape the argument :
#include box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(200,168,136,.6)")
notice the ~ (tilde) and the " (quotation marks). This clears confusion about the comma, that less interprets as a seperation between two arguments. See the "escaping" part on less documentation for more info.