diff --git a/dist/main.css b/dist/main.css index 9ed0a91..8cacfed 100644 Binary files a/dist/main.css and b/dist/main.css differ diff --git a/dist/main.js b/dist/main.js index c26d095..eeee61e 100644 Binary files a/dist/main.js and b/dist/main.js differ diff --git a/src/scripts/settings.js b/src/scripts/settings.js index c268b30..eda7102 100644 --- a/src/scripts/settings.js +++ b/src/scripts/settings.js @@ -321,35 +321,43 @@ settings.setSorting = function() { msg = `

Sort albums by - + + + in an - + + + order.

Sort photos by - + + + in an - + + + order.

` diff --git a/src/styles/_message.scss b/src/styles/_message.scss index 159f49f..a3a4898 100644 --- a/src/styles/_message.scss +++ b/src/styles/_message.scss @@ -172,6 +172,65 @@ } } + /* Select ------------------------------------------------*/ + .select { + display: inline-block; + position: relative; + margin: 1px 5px; + padding: 0; + width: 110px; + background: black(.3); + color: #fff; + border-radius: 3px; + border: 1px solid black(.2); + box-shadow: 0 1px 0 white(.02); + font-size: 11px; + line-height: 16px; + overflow: hidden; + outline: 0; + vertical-align: middle; + + &::after { + position: absolute; + content: '≡'; + right: 8px; + top: 4px; + color: $colorBlue; + font-size: 16px; + line-height: 16px; + font-weight: bold; + pointer-events: none; + } + + select { + margin: 0; + padding: 4px 8px; + width: 120%; + color: #fff; + font-size: 11px; + line-height: 16px; + border: 0; + outline: 0; + box-shadow: none; + border-radius: 0; + background-color: transparent; + background-image: none; + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + + &:focus { outline: none; } + } + + select option { + margin: 0; + padding: 0; + background: #fff; + color: #333; + transition: none; + } + } + /* Version ------------------------------------------------*/ .version { margin: -5px 0 0;