Skip to content

Instantly share code, notes, and snippets.

@veritstudio
veritstudio / convert-decimat-fraction.js
Last active August 20, 2018 13:19
Convert decimal to fraction
jQuery.each(jQuery('td'), function (index, value) {
if (jQuery(value).text().match(/\.|,5/g) !== null) {
jQuery(value).html(
jQuery(value).text().replace(/\.|,5/g, "") +
"<i class=\"fraction\">&frac12;</i>"
);
}
});
@veritstudio
veritstudio / modal_extends.less
Created August 28, 2018 11:58
Magento 2 - modal is too height and does not fit the page
.modal-inner-wrap {
max-height: 100%;
overflow-y: auto;
&::-webkit-scrollbar {
background: transparent;
}
}
@veritstudio
veritstudio / header.html
Created August 31, 2018 14:31
Animated hamburger icon for mobile
<header>
<div class="nav-toggle">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</header>
@veritstudio
veritstudio / content.php
Last active September 2, 2018 17:24
Simple related posts - Wordpress
<?php
$relatedMeta = get_post_meta(get_the_ID(), 'related_posts', false);
$related = explode(" ", $relatedMeta[0]);
?>
<?php if ($relatedMeta): ?>
<div class="related-posts">
<?php foreach($related as $item): ?>
<div class="related-post">
<a href="<?php echo get_permalink($item) ?>">
@veritstudio
veritstudio / app.js
Last active September 4, 2018 20:59
Charecters counter for textarea
let textareaCounter = (function() {
'use strict';
let textareas = document.querySelectorAll('textarea');
for (let i = 0; i < textareas.length; ++i) {
if(textareas[i].hasAttribute('maxlength')) {
let chars = 0,
counter = document.createElement('SPAN'),
maxLength = textareas[i].getAttribute('maxlength'),
@veritstudio
veritstudio / index.html
Last active September 11, 2018 12:41
Prevent zooming content on input focus - iPhone
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
@veritstudio
veritstudio / image.html
Created September 26, 2018 13:20
Get image src for Knockout html template in Magento 2
<img data-bind="attr: { src: require.toUrl('images/shirt.jpg') }" alt="Shirt">
@veritstudio
veritstudio / package.json
Last active October 7, 2018 08:53
Basic package.json create with --force flag
{
"name": "showcase",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
@veritstudio
veritstudio / package.json
Last active October 7, 2018 08:56
Npm start script
{
"name": "verytemp",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "node index.js"
},
"keywords": [],
@veritstudio
veritstudio / package.json
Last active October 7, 2018 09:47
Package.json with sass script
{
"name": "verytemp",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "node index.js",
"sass": "npx gulp sass"
},