css - WSO2 GREG Service Registry Store 没有以一致的方式设计 Assets

Question

我的一种 Assets 类型在我的 WSO2 服务注册表存储 (v5.3.0) 中列出了 30 多个 Assets 实例。我注意到 Assets block 的样式(图像、描述、版本详细信息)并不总是显示一致，而是在某些行上出现间隙(即，我可能在第一行得到 6 个完整的 Assets block ，3 个正确在下一个对齐，1 在下一个右对齐，另一个完整的 6 行在下一个等...)。我假设它与 Assets block 的样式 (css) 有关。如果我通过稍微减小它来更改浏览器屏幕大小，那么 Assets block 将重新调整，虽然一些间隙被填充，但行中仍有空间。有谁能就我可能需要做些什么来解决这个样式问题提出建议吗？这在 Firefox (v50.0.2)、Chrome (v55) 和 IE (v11) 中一致发生。

间距似乎直接出现在具有最长描述的行中的 Assets 下方(如果所有描述的长度都相同，则不会出现间距)。

提前致谢。

Answer 1

显然，您正在使用 G-Reg 530。我看到您创建了一个新的 Assets 类型。据我了解，您已经覆盖了 assets-thumbnails.hbs 或修改了位于此处 (1) 的文件 assets-thumbnails.hbs。如果是这样，请使用以下代码更改 ast-content 类的 HTML 部分。

<div class="ast-content">
                    <div class="ast-title padding">
                        <a class="ast-name truncate" href="{{tenantedUrl "/assets"}}/{{../type}}/details/{{../id}}" title="{{../name}}">{{../name}}</a>
                        {{#if overview_version}}
                            <span class="ast-ver">{{t "V"}}{{overview_version}}</span>fdsfds
                        {{/if}}
                    </div>
                    <div class="pull-left asset-rating-container">
                        <span class="asset-rating">
                            <div style="width:{{../ratingPx}}px"></div>
                        </span>
                    </div>
                    <div class="pull-right">
                        <div class="dropdown dropdown-asset-custom">

                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>

如果您想保留您已添加到 Assets 列表页面的描述，您必须经历非常耗时的主要 HTML 和 CSS 改造。

(1) - GREG_HOME/repository/deployment/server/jaggeryapps/store/extensions/app/greg-store-defaults/themes/store/partials/assets-thumbnails.hbs