axe-web-public/block-dev-tool
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update Toolbar styling.

Browse Source
This commit is contained in:
Roman Axelrod
2022-05-06 08:45:33 +03:00
parent 29734a6b94
commit de8d78ea31
2 changed files with 14 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
generators/block/templates/src/template.template.hbs
+4 -6
View File
@@ -13,6 +13,7 @@
display: inline-block; display: inline-block;
border-radius: 2px; border-radius: 2px;
font-size: 14px; font-size: 14px;
white-space: pre-line;
} }
</style> </style>
@@ -34,8 +35,7 @@
<div> <div>
<img src="images/demo.jpeg" alt=""> <img src="images/demo.jpeg" alt="">
<br> <br>
<code> <code>&lt;img src=&quot;images/demo.jpeg&quot; alt=&quot;&quot;&gt;
&lt;img src=&quot;images/demo.jpeg&quot; alt=&quot;&quot;&gt;
</code> </code>
</div> </div>
@@ -47,8 +47,7 @@
<div> <div>
<a href="#" class="btn btn--primary">Primary</a> <a href="#" class="btn btn--primary">Primary</a>
<br> <br>
<code> <code>&lt;a href=&quot;#&quot; class=&quot;btn btn--primary&quot;&gt;Primary&lt;/a&gt;
&lt;a href=&quot;#&quot; class=&quot;btn btn--primary&quot;&gt;Primary&lt;/a&gt;
</code> </code>
</div> </div>
@@ -57,8 +56,7 @@
<div> <div>
<a href="#" class="btn btn--secondary">Secondary</a> <a href="#" class="btn btn--secondary">Secondary</a>
<br> <br>
<code> <code>&lt;a href=&quot;#&quot; class=&quot;btn btn--secondary&quot;&gt;Secondary&lt;/a&gt;
&lt;a href=&quot;#&quot; class=&quot;btn btn--secondary&quot;&gt;Secondary&lt;/a&gt;
</code> </code>
</div> </div>
</div> </div>
layouts/styles/page--main.css
+10 -4
View File
@@ -5,16 +5,17 @@ body {
header.page_toolbar { header.page_toolbar {
--gap: 2.5rem; --gap: 2.5rem;
font-size: 14px;
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
background-color: #ccc; background-color: #ccc;
padding: 1rem; padding: 1em;
display: flex; display: flex;
justify-content: center; justify-content: center;
gap: var(--gap); gap: var(--gap);
align-items: center; align-items: center;
margin-bottom: 2rem; margin-bottom: 2em;
} }
header.page_toolbar > div { header.page_toolbar > div {
@@ -32,8 +33,13 @@ header.page_toolbar > div:not(:first-child):after {
} }
header.page_toolbar select { header.page_toolbar select {
font-size: 0.85rem; font-size: 0.85em;
padding: 0.25rem; margin: 0;
display: inline-block;
border-radius: initial;
min-width: initial;
width: initial !important;
padding: 4px 8px;
} }
@media (max-width: 1024px) { @media (max-width: 1024px) {