0
1
Fork 0

refs #3971 Style fixes

This commit is contained in:
Juan Ferrer 2022-11-19 14:00:13 +01:00
parent 16da03b0f9
commit 9b71d4352b
8 changed files with 56 additions and 51 deletions

2
debian/changelog vendored
View File

@ -1,4 +1,4 @@
hedera-web (22.46.10) stable; urgency=low hedera-web (22.46.11) stable; urgency=low
* Initial Release. * Initial Release.

View File

@ -51,7 +51,7 @@
overflow: hidden; overflow: hidden;
} }
.basket .line > .info > h2 { .basket .line > .info > h2 {
font-size: .9rem; font-size: 1rem;
font-weight: normal; font-weight: normal;
margin: 0; margin: 0;
} }

View File

@ -1,5 +1,5 @@
@import "../../../js/htk/style/classes"; @import "htk/style/classes";
.catalog { .catalog {
margin-right: $side-panel-width; margin-right: $side-panel-width;
@ -127,10 +127,6 @@
font-weight: bold; font-weight: bold;
color: red; color: red;
} }
& > h2 {
text-overflow: ellipsis;
overflow: hidden;
}
.item-id { .item-id {
float: right; float: right;
} }
@ -139,16 +135,16 @@
bottom: 0; bottom: 0;
right: 0; right: 0;
white-space: nowrap; white-space: nowrap;
font-size: .95em; font-size: .95rem;
text-align: right; text-align: right;
align-items: middle; align-items: middle;
column-gap: .2em; column-gap: 3px;
display: flex; display: flex;
& > * { & > * {
border-radius: .2em; border-radius: 3px;
padding: .1em .3em; padding: 1px 5px;
border: .1em transparent solid; border: 1px transparent solid;
box-sizing: border-box; box-sizing: border-box;
} }
} }
@ -173,7 +169,9 @@
& > h2 { & > h2 {
font-weight: normal; font-weight: normal;
font-size: 1rem; font-size: 1rem;
margin-bottom: .15em; margin-bottom: 1px;
text-overflow: ellipsis;
overflow: hidden;
} }
& > .sub-name { & > .sub-name {
margin: 0; margin: 0;
@ -184,7 +182,7 @@
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-transform: uppercase; text-transform: uppercase;
margin-bottom: .2em; margin-bottom: 1px;
} }
.item-id { .item-id {
font-size: .9rem; font-size: .9rem;
@ -192,7 +190,7 @@
} }
& > p { & > p {
margin: 0; margin: 0;
margin-bottom: .2em; margin-bottom: 1px;
} }
} }
@ -202,7 +200,7 @@
.list-view, .list-view,
.item-card { .item-card {
.item-tags { .item-tags {
font-size: .8em; font-size: .8rem;
display: table; display: table;
color: #333; color: #333;
margin: 0; margin: 0;
@ -211,7 +209,7 @@
td:first-child { td:first-child {
color: #999; color: #999;
padding-right: .5em; padding-right: 7px;
} }
} }
} }
@ -245,8 +243,8 @@
justify-content: center; justify-content: center;
} }
.item-box { .item-box {
border-radius: .6em; border-radius: 8px;
box-shadow: .05em .05em .2em rgba(0, 0, 0, .1); box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);
overflow: hidden; overflow: hidden;
background-color: white; background-color: white;
flex-direction: column; flex-direction: column;
@ -264,14 +262,14 @@
flex: auto; flex: auto;
overflow: hidden; overflow: hidden;
margin: 10px; margin: 10px;
height: 158px; height: 175px;
& > h2 { & > h2 {
max-height: 48px; max-height: 3rem;
} }
& > .item-tags { & > .item-tags {
position: absolute; position: absolute;
top: 74px; top: 82px;
} }
} }
} }
@ -280,7 +278,7 @@
/* List view */ /* List view */
.list-view { .list-view {
border-radius: .6em; border-radius: 8px;
box-shadow: .05em .05em .2em rgba(0, 0, 0, .1); box-shadow: .05em .05em .2em rgba(0, 0, 0, .1);
overflow: hidden; overflow: hidden;
background-color: white; background-color: white;
@ -326,7 +324,7 @@
} }
td { td {
display: inline-block; display: inline-block;
padding-right: .5em; padding-right: 7px;
&:first-child { &:first-child {
display: none; display: none;
@ -344,20 +342,25 @@
} }
.item-card { .item-card {
font-size: .9rem; font-size: .9rem;
width: 20em; max-width: 320px;
overflow: hidden;
& > .top { & > .top {
padding: 1em; padding: 14px;
& > .item-info { & > .item-info {
margin-left: 9em; margin-left: 126px;
height: 8em; height: 112px;
& > h2 {
max-height: 4.5rem;
}
} }
& > .htk-image { & > .htk-image {
height: 8em; height: 112px;
width: 8em; width: 112px;
float: left; float: left;
border-radius: .3em; border-radius: 4px;
} }
& > .desc { & > .desc {
clear: both; clear: both;

View File

@ -3,9 +3,9 @@
.ticket .head { .ticket .head {
padding: 0; padding: 0;
padding-bottom: .2em; padding-bottom: 3px;
border-bottom: 1px solid #DDD; border-bottom: 1px solid #DDD;
margin-bottom: 1em; margin-bottom: 1px;
} }
.ticket .head > div > div { .ticket .head > div > div {
margin: 15px 0; margin: 15px 0;
@ -14,7 +14,7 @@
margin: 0; margin: 0;
} }
.ticket .head p { .ticket .head p {
margin: .2em 0; margin: 3px 0;
} }
.ticket .head p.important { .ticket .head p.important {
font-size: 1.2rem; font-size: 1.2rem;
@ -24,8 +24,8 @@
text-align: right; text-align: right;
} }
.ticket .packages { .ticket .packages {
margin-top: 1em; margin-top: 14px;
padding-top: 1em; padding-top: 14px;
border-top: 1px solid #DDD; border-top: 1px solid #DDD;
display: block; display: block;
} }
@ -59,7 +59,7 @@
overflow: hidden; overflow: hidden;
} }
.ticket .line > .info > h2 { .ticket .line > .info > h2 {
font-size: .9rem; font-size: 1rem;
font-weight: normal; font-weight: normal;
margin-bottom: 2px; margin-bottom: 2px;
} }

View File

@ -1,16 +1,16 @@
// Standard // Standard
body { font-size: 14px; } html { font-size: 15px; }
// Smartphone, portrait // Smartphone, portrait
@media screen and (min-width:320px) { body { font-size: 13px; } } @media screen and (min-width:320px) { html { font-size: 15px; } }
// Smartphone, landscape // Smartphone, html
@media screen and (min-width:480px) { body { font-size: 13px; } } @media screen and (min-width:480px) { html { font-size: 15px; } }
// Tablet, portrait // Tablet, portrait
@media screen and (min-width:600px) { body { font-size: 13px; } } @media screen and (min-width:600px) { html { font-size: 15px; } }
// Tablet, landscape // Tablet, landscape
@media screen and (min-width:801px) { body { font-size: 13px; } } @media screen and (min-width:801px) { html { font-size: 16px; } }
// Big screen and landscape tablets, laptop and desktop // Big screen and landscape tablets, laptop and desktop
@media screen and (min-width:1025px) { body { font-size: 14px; } } @media screen and (min-width:1025px) { html { font-size: 16px; } }
// Hi-res laptop and desktop // Hi-res laptop and desktop
@media screen and (min-width:1281px) { body { font-size: 14px; } } @media screen and (min-width:1281px) { html { font-size: 16px; } }

View File

@ -2,7 +2,7 @@ const VnObject = require('./object');
const kebabToCamel = require('./string-util').kebabToCamel; const kebabToCamel = require('./string-util').kebabToCamel;
let scopeUid = 0; let scopeUid = 0;
window.vnWatchers = 0; Vn.nWatchers = 0;
module.exports = new Class({ module.exports = new Class({
Extends: VnObject Extends: VnObject
@ -15,7 +15,7 @@ module.exports = new Class({
this.parent = parent; this.parent = parent;
this.uid = ++scopeUid; this.uid = ++scopeUid;
this.$ = parent ? Object.create(parent.$) : {}; this.$ = parent ? Object.create(parent.$) : {};
vnWatchers += exprValues.length; Vn.nWatchers += exprValues.length;
if (parent) { if (parent) {
parent.ref(); parent.ref();
@ -148,7 +148,7 @@ module.exports = new Class({
} }
,_destroy() { ,_destroy() {
vnWatchers -= this.exprValues.length; Vn.nWatchers -= this.exprValues.length;
for (const object of this.objects) for (const object of this.objects)
if (object instanceof VnObject) { if (object instanceof VnObject) {

View File

@ -1,7 +1,9 @@
require('mootools'); require('mootools');
Vn = module.exports = { Vn = module.exports = {};
Object.assign(Vn, {
Locale : require('./locale') Locale : require('./locale')
,Enum : require('./enum') ,Enum : require('./enum')
,Type : require('./type') ,Type : require('./type')
@ -375,4 +377,4 @@ Vn = module.exports = {
return this.isMobileCached; return this.isMobileCached;
} }
}; });

View File

@ -1,6 +1,6 @@
{ {
"name": "hedera-web", "name": "hedera-web",
"version": "22.46.10", "version": "22.46.11",
"description": "Verdnatura web page", "description": "Verdnatura web page",
"license": "GPL-3.0", "license": "GPL-3.0",
"repository": { "repository": {