jeans/arduino-ide
1
0
Fork 0
mirror of https://github.com/arduino/arduino-ide.git synced 2025-11-06 08:58:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

styling of library items

Browse Source
This commit is contained in:
Sven Efftinge
2019-05-08 22:09:20 -07:00
committed by Christian Weichel
parent ad3c7c6e50
commit a974b90536
4 changed files with 27 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
arduino-ide-extension/src/browser/style/list-widget.css
View File

@@ -9,11 +9,18 @@
.arduino-list-widget .search-bar > input {
margin: 0px 5px 0px 5px;
width: 100%;
width: 95%;
}
.filterable-list-container {
padding: 0 10px 0 15px;
display: flex;
flex-direction: column;
align-items: stretch;
}
.component-list-item {
padding: 10px;
padding: 10px 0 10px 0;
font-size: var(--theia-ui-font-size1);
}
@@ -33,6 +40,13 @@
.component-list-item .header {
padding-bottom: 2px;
display: flex;
flex-direction: column;
}
.component-list-item .header .version-info {
display: flex;
justify-content: space-between;
align-items: center;
}
.component-list-item .header .name {
@@ -45,8 +59,6 @@
}
.component-list-item .header .version {
margin-left: auto;
justify-self: end;
color: var(--theia-ui-font-color2);
}
@@ -54,14 +66,15 @@
margin-left: 4px;
justify-self: end;
background-color: var(--theia-accent-color2);
padding: 4px;
padding: 2px 4px 2px 4px;
font-size: 10px;
font-weight: bold;
max-height: calc(1em + 4px);
color: var(--theia-layout-color0);
color: var(--theia-inverse-ui-font-color0);
}
.component-list-item .footer {
padding-top: 5px;
display: flex;
}