Jason Tudisco
02ecda067f
Added special script to handle parcel and node require. Added new tagging control. Adding new HTML Sanitizer. Packages so I could be sqlite with the right electron version. Some style changes. Interface changes. Changes to the sqlite/client. Interfaces cuased errors. Fixed bugs in electron ipc handling. Fixes to the sqlite libs. Create a new input control that can handle pasting. pasting HTML works with cycle through HTML,Text, Sanatized HTML. New UI controls. Time stamp control has more functionality.
48 lines
1.9 KiB
Plaintext
48 lines
1.9 KiB
Plaintext
<app-divider>
|
|
|
|
<div class="divider"><span></span><span>{props.label}</span><span></span></div>
|
|
|
|
<style>
|
|
|
|
.divider { /* minor cosmetics */
|
|
display: table;
|
|
font-size: 24px;
|
|
text-align: center;
|
|
width: 75%; /* divider width */
|
|
margin: 40px auto; /* spacing above/below */
|
|
}
|
|
.divider span { display: table-cell; position: relative; }
|
|
.divider span:first-child, .divider span:last-child {
|
|
width: 50%;
|
|
top: 13px; /* adjust vertical align */
|
|
-moz-background-size: 100% 2px; /* line width */
|
|
background-size: 100% 2px; /* line width */
|
|
background-position: 0 0, 0 100%;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.divider span:first-child { /* color changes in here */
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#000));
|
|
background-image: -webkit-linear-gradient(180deg, transparent, #000);
|
|
background-image: -moz-linear-gradient(180deg, transparent, #000);
|
|
background-image: -o-linear-gradient(180deg, transparent, #000);
|
|
background-image: linear-gradient(90deg, transparent, #000);
|
|
}
|
|
.divider span:nth-child(2) {
|
|
color: #000; padding: 0px 5px; width: auto; white-space: nowrap;
|
|
}
|
|
.divider span:last-child { /* color changes in here */
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000), to(transparent));
|
|
background-image: -webkit-linear-gradient(180deg, #000, transparent);
|
|
background-image: -moz-linear-gradient(180deg, #000, transparent);
|
|
background-image: -o-linear-gradient(180deg, #000, transparent);
|
|
background-image: linear-gradient(90deg, #000, transparent);
|
|
}
|
|
|
|
</style>
|
|
|
|
<script>
|
|
|
|
|
|
</script>
|
|
|
|
</app-divider> |