- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用?
- database - RESTful URI 是否应该公开数据库主键?
新Valo theme现在是 Vaadin 7.3 应用程序中的默认值。此主题以比以前的默认值大得多(更宽和更高)的小部件(按钮、字段等)视觉呈现 Reindeer主题。
这种外观现在在 Android 和 iOS 7/8 的移动应用程序以及一些网站中很流行。但这些上下文仅供几分钟内的简短使用。相比之下,面向业务的桌面式应用程序被人们用于更长的工作时间,可能全天断断续续地使用数小时。面向业务的应用程序以更密集的格式呈现更多信息。对于此类用途,Valo 主题的默认呈现是不合适的。具体而言,字体太细且暗淡,字体和小部件尺寸太大。
Valo 之所以出名,是因为它的构建是可调整的,并且只需几行 Java 和/或 CSS 代码即可轻松变形。有没有人尝试过将 Valo 的大小更改为与驯鹿主题相似?有任何源代码或说明可以分享吗?
明确地说,我的目标只是减少视觉高度和宽度及其字体大小。我不是在问改变设计,我会很感激只是为了找回一些像素空间。我只是在寻找最简单和最安全的方法来使 Valo 小部件的大小与 Reindeer 主题中对应对象的视觉大小平行。
在短期内,我将继续覆盖默认设置以使用 Reindeer,如 StackOverflow.com 问题 Change from “Valo” theme to “Reindeer” in new Vaadin 7.3 app 中所述。 .但从长远来看,Vaadin 团队对 Valo 寄予厚望。 Reindeer 最终会失宠,所以我想学习如何过渡。
我确实打开了Ticket # 14,909建议提供一个开关,使 Valo 自动缩小到 Reindeer 方案。
有些人误读了这篇文章:我们不是在谈论磁盘上的存储大小。我们在这里谈论的是像素,而不是比特。视觉大小,而不是文件大小。图形布局,不是 widgetset
优化。
这个问题莫名其妙地被关闭为“太宽泛”。然而,它继续获得赞成票。我请支持投票者投票重新开放。
最佳答案
要使用 valo 主题 来替代 reindeer 主题,您可以像这样配置用于 valo 的主题变量:
$v-font-size: 12px;
$v-unit-size: 26px;
$v-unit-size--small: 20px;
$v-unit-size--tiny: 18px;
$v-layout-margin-top: 18px;
$v-layout-margin-right: 18px;
$v-layout-margin-bottom: 18px;
$v-layout-margin-left: 18px;
$v-layout-spacing-vertical: 7px;
$v-layout-spacing-horizontal: 6px;
(来源:Valo Demo Project - Reindeer Theme)
本节Book of Vaadin - Valo Theme深入解释了将这些变量放在哪里以及如何自定义主题。
关于java - 将 Valo 主题的间距和小部件大小缩小到 Reindeer 主题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26579458/
我正在 MPR 中从 Vaadin 8 迁移到 Vaadin 14 LTS。我们项目中使用的 .scss 文件需要编译。我使用了以下插件 com.vaadin vaa
在我的 Vaadin 应用中,我使用的是基于 Vaadin Base 主题的主题。 如果我不使用 Valo 主题,如何使用 Valo 字体 Open Sans? 我的样式.scss @import "
在使用名为 vaadin-archetype-widget 的 Maven 原型(prototype)创建的 Vaadin 8.1.5 应用程序中,我简要介绍了演示应用程序模块中的文件 > src >
我在使用 Vaadin(在 Eclipse 中)及其关联的样式引擎 Valo 和 TouchKit 包时遇到问题。我提到所有这些是因为我不确定是哪一个(如果有的话)导致了问题。我的自定义主题(导入 V
我是 SCSS 的新手,我在问自己如何在 Vaadin 应用程序中自定义 Valo 主题。我在 Book of Vaadin 中阅读了这个主题,但我找不到它的例子。我的样式结构基于 official
现在 vaadin 7.3 已经出来了,它有非常好的 Valo Theme 。但我不知道如何将其导入到我的项目中?现在我将默认主题与我的自定义 scss 文件一起使用。我想尝尝Valo。请有人帮助我如
我需要为我们的 Vaadin 项目稍微调整 Valo 主题。当我尝试遵循 vaadin 文档 here 时我看到这个... 本质上,我的新自定义主题的 .scss 文件找不到“valo”,这是有道理的
我正试图从屏幕上淡出一些东西,使用: comp.addStyleName("fade-out"); .fade-out { @include valo-animate-out-fade(250
新Valo theme现在是 Vaadin 7.3 应用程序中的默认值。此主题以比以前的默认值大得多(更宽和更高)的小部件(按钮、字段等)视觉呈现 Reindeer主题。 这种外观现在在 Androi
我正在尝试将 Valo 主题从默认更改为Metro。在演示页面(http://demo.vaadin.com/valo-theme/)中,您可以为 Valo 选择不同的主题,请参见右上角。我希望拥有基
我正在开发基于 Valo 的 Vaadin 主题。默认情况下,Valo 在焦点元素周围添加边框。在我的主题中禁用此行为的最简单/首选方法是什么? 最佳答案 首选方式是编辑 Valo 主题 Sass变量
我正在开发一个使用 vaadin v7.2 的 vaadin 应用程序。现在它已更新到 v7.3.7 并使用新的 valo 主题和我的自定义样式。使用 mvn clean install 编译整个项目
在使用 Vaadin Plugin for NetBeans 创建的新 Vaadin 7.3 应用程序中, 默认主题是新的 Valo theme . Valo 看起来很时髦,而且是对 future 非
我正在尝试使用名为“valo”的新 Vaadin 主题。所以我创建了这个文件(如官方文档中所述) VAADIN/themes/default/styles.scss $v-background-col
我是一名优秀的程序员,十分优秀!