From 7c26f944d6f7bbc6dc6911b2ab68b002dc0a58e9 Mon Sep 17 00:00:00 2001 From: jlukic Date: Fri, 19 Jun 2015 11:13:21 -0400 Subject: [PATCH] Fix search to use rem, add additional sizes #2421 --- RELEASE-NOTES.md | 1 + src/definitions/modules/search.less | 19 +++++++++++++++++-- 2 files changed, 18 insertions(+), 2 deletions(-) diff --git a/RELEASE-NOTES.md b/RELEASE-NOTES.md index 4b143f927..ae21ac4d3 100644 --- a/RELEASE-NOTES.md +++ b/RELEASE-NOTES.md @@ -122,6 +122,7 @@ - **Search** - Search now operates off a unique id generated by result position to retrieve results. For example category #1's first result is 'A1' . Previously result titles were used as their "id", which could cause issues with duplicate titles, or results that do not contain a title. - **Search** - Search will now automatically add class `category` when using `type: category`. - **Search** - Search will now generate `results` container if one is not present on init +- **Search** - Search now uses `em` for resizes, making sure it will resize with the surrounding content - **Search** - Search `prompt` now has focus styles defined if not using `ui input` - **Sidebar** - Improved animation performance through performance debugging. Sidebar now caches, width, height, rtl direction on load. - **Site** - Fixed mixed globals `@defaultDuration` and `@transitionDuration` usage to use a single variable across all UI `@defaultDuration`, the same for `@defaultEasing` and `@transitionEasing` diff --git a/src/definitions/modules/search.less b/src/definitions/modules/search.less index 377089a28..83928f49e 100755 --- a/src/definitions/modules/search.less +++ b/src/definitions/modules/search.less @@ -359,11 +359,26 @@ Sizes ---------------*/ +.ui.mini.search { + font-size: @relativeMini; +} +.ui.small.search { + font-size: @relativeSmall; +} .ui.search { - font-size: @medium; + font-size: @relativeMedium; } .ui.large.search { - font-size: @large; + font-size: @relativeLarge; +} +.ui.big.search { + font-size: @relativeBig; +} +.ui.huge.search { + font-size: @relativeHuge; +} +.ui.massive.search { + font-size: @relativeMassive; } .loadUIOverrides();