From c1ba3cb933ae895a64aaf039ff805e5dc30cf7c4 Mon Sep 17 00:00:00 2001 From: yfujita <fujiriko59@gmail.com> Date: Fri, 4 Aug 2017 17:17:13 +0900 Subject: [PATCH] fix width of order-box --- .../extension/fess-ss/src/css/ss.scss | 34 +++++++++++++++++++ .../fess-ss/src/templates/fess-result.hbs | 4 +-- 2 files changed, 36 insertions(+), 2 deletions(-) diff --git a/src/main/assemblies/extension/fess-ss/src/css/ss.scss b/src/main/assemblies/extension/fess-ss/src/css/ss.scss index f8e0975e7..14ccbebe9 100644 --- a/src/main/assemblies/extension/fess-ss/src/css/ss.scss +++ b/src/main/assemblies/extension/fess-ss/src/css/ss.scss @@ -9,4 +9,38 @@ display: inline; width: 50%; } + /* Large desktop */ + @media ( min-width : 74.9em) { + .order-box { + width: 20% + } + } + /* Large devices (desktops, less than 75em) */ + @media ( max-width : 74.9em) { + .order-box { + width: 20% + } + } + + /* Medium devices (tablets, less than 62em) */ + @media ( max-width : 61.9em) { + .order-box { + width: 20% + } + } + + /* Small devices (landscape phones, less than 48em) */ + @media ( max-width : 47.9em) { + .order-box { + width: 50% + } + } + + /* Extra small devices (portrait phones, less than 34em) */ + @media ( max-width : 360px) { + .order-box { + width: 50% + } + } + } diff --git a/src/main/assemblies/extension/fess-ss/src/templates/fess-result.hbs b/src/main/assemblies/extension/fess-ss/src/templates/fess-result.hbs index 196e46b0b..47f7b07c0 100644 --- a/src/main/assemblies/extension/fess-ss/src/templates/fess-result.hbs +++ b/src/main/assemblies/extension/fess-ss/src/templates/fess-result.hbs @@ -3,10 +3,10 @@ <table width="100%"> <tbody> <tr> - <td width="50%"> + <td> {{record_count}} {result.number} ({{exec_time}}{result.second}) </td> - <td width="20%" align="right"> + <td class="order-box" align="right"> <div class="order"> {result.order}: <select class="form-control sort"> -- GitLab