Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2025-02-01 04:50:59 +08:00
Code Issues Projects Releases Packages Wiki Activity

Setup styles for dropdown (select) control

Browse source
This commit is contained in:
Alexander Gudulin 2015-10-21 21:27:53 +03:00
parent 4810775924
commit d8b18b9adf
5 changed files with 25 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
internal_packages/preferences/stylesheets/preferences.less
View file

@ -152,9 +152,9 @@ body.platform-darwin {
}
.container-notifications {
width: 75%;
margin-left: 12.5%;
margin-right: 12.5%;
width: 80%;
margin-left: 10%;
margin-right: 10%;
}
.container-appearance {

1
internal_packages/ui-dark/styles/ui-variables.less
View file

@ -13,6 +13,7 @@
@background-primary: #313131;
@background-color: darken(#313131, 15%);
@btn-default-bg-color: #404040;
@dropdown-default-bg-color: #404040;
@accent-primary: lighten(#5AA8FA, 20%);
@accent-primary-dark: lighten(#3087E1, 20%);

8
static/dropdowns.less Normal file
View file

@ -0,0 +1,8 @@
@import "ui-variables";
select {
// Set `border` property to allow styling for `select` controls
border: 1px solid @dropdown-default-border-color;
color: @dropdown-default-text-color;
background: @dropdown-default-bg-color;
}

1
static/index.less
View file

@ -8,6 +8,7 @@
@import "type";
@import "inputs";
@import "buttons";
@import "dropdowns";
@import "workspace";
@import "resizable";
@import "selection";

6
static/variables/ui-variables.less
View file

@ -191,6 +191,12 @@
@btn-danger-bg-color: @danger-color;
@btn-danger-text-color: @text-color-inverse;
//=============================== Dropdowns ============================//
@dropdown-default-bg-color: @background-primary;
@dropdown-default-text-color: @text-color;
@dropdown-default-border-color: fadeout(@border-color, 10%);
//=============================== Inputs ===============================//
//** `<input>` background color