調整 IRS UI 樣式：佈局調適，按鈕icon

HiTeachCC/ClientApp/src/assets/css/OptionView.less

@@ -145,7 +145,7 @@ button {
   line-height: 38px;
   text-align: center;
   background-color: #ddd;
-  font-size: 1.1rem;
+  //font-size: 1.1rem;
   border-radius: 0px 4px 4px 0px;
   float: left;
 }
@@ -157,7 +157,7 @@ button {
   line-height: 38px;
   text-align: center;
   background-color: #ddd;
-  font-size: 1rem;
+  //font-size: 1rem;
   border-radius: 4px 0px 0px 4px;
   float: left;
 }
@@ -169,24 +169,11 @@ button {
   line-height: 38px;
   text-align: center;
   background-color: #ddd;
-  font-size: 0.95rem;
+  //font-size: 0.95rem;
   border-radius: 4px 0px 0px 4px;
   float: left;
 }
 
-.AnswerShow {
-  float: left;
-  margin-top: 5px;
-  text-align: center;
-  margin-left: 10px;
-}
-
-.AnswerHide {
-  float: left;
-  margin-top: 5px;
-  text-align: center;
-  margin-left: 10px;
-}
 
 .answerclickbtn {
   color: #000;
@@ -199,37 +186,57 @@ button {
   border-radius: 8px;
   margin-left: 4%;
 }
+.control-btngroup{
+  display: block;
+  width: 100%;
+  position: absolute;
+  left: 40%;
+  z-index: 999;
 
+ 
+}
 .listicon {
   cursor: pointer;
-  width:40px;
-  height: 40px;
-  line-height: 48px;
+  width:36px;
+  height: 36px;
+  line-height: 36px;
   background-color: #d8d8d8;
   text-align: center;
   border-radius: 50%;
   float: left;
-  margin-left: 1% !important;
+  font-size: 22px !important;
+  margin-left: 10px !important;
+  img{
+    width: 22px;
+    position: relative;
+    top:3px;
+  }
 }
 
+.righticon-group{
+  position: absolute;
+  right: 10px;
+  z-index: 999;
+
+}
 .rightlisticon {
+  display: inline-block;
   cursor: pointer;
-  width: 40px;
-  height: 40px;
-  line-height: 46px;
+  margin-right:10px;
+  width: 36px;
+  height: 36px;
+  line-height: 42px;
   background-color: #d8d8d8;
   text-align: center;
   border-radius: 50%;
-  float: left;
-  margin-left: 20px;
   * { 
     font-size: 22px;
   }
 }
 
-.listicon svg,
-rightlisticon svg {
-  font-size: 26px;
+
+.rightlisticon svg {
+  font-size: 22px;
 }
 
 .sliderbox {
@@ -255,15 +262,23 @@ rightlisticon svg {
   width: 6px !important;
   height: 6px !important;
   background-color: #fff !important;
-  top: 30% !important;
+  top: 27% !important;
 }
 
-.thin {
-  margin-left: 44%;
-}
+
 
 .triggerbox {
-  width: 100%;
+  width: 40%;
+  display: block;
+  position: relative;
+  top:2px;
+  margin-left: 15%;
+  margin-right: 130px;
+  max-width: 300px;
+  *{
+    font-size: 14px;
+    font-weight: bolder;
+  }
   /*padding:2px;*/
 }
 /*默认名牌*/
@@ -277,6 +292,7 @@ rightlisticon svg {
   flex-direction: row;
   flex-wrap: wrap;
   align-items: flex-start;
+  margin-top:40px;
   /*margin-top: 1%;*/
 }
 .ans-show-stuno{
@@ -301,6 +317,7 @@ rightlisticon svg {
 .vice-studyshowcard {
   width: 100%;
   margin: 0 auto;
+  margin-top:20px;
   overflow-y: scroll;
 }
 
@@ -362,7 +379,7 @@ rightlisticon svg {
   font-size: 36px;
   font-weight: bold;
   color: #fff;
-  border-radius: 10px;
+  border-radius: 4px;
   float: left;
   margin-top: 15px;
 }
@@ -376,7 +393,7 @@ rightlisticon svg {
   font-size: 36px;
   font-weight: bold;
   color: #fff;
-  border-radius: 10px;
+  border-radius: 4px;
   float: left;
   position: relative;
   margin-top: 15px;
@@ -392,7 +409,7 @@ rightlisticon svg {
   font-size: 36px;
   font-weight: bold;
   color: #fff;
-  border-radius: 10px;
+  border-radius: 4px;
   float: left;
   position: relative;
   margin-top: 15px;
@@ -505,7 +522,7 @@ rightlisticon svg {
   background-color: #707070;
   border: 1px solid #707070;
   border-radius: 4px;
-  box-shadow: 3px 3px 3px #666;
+  // box-shadow: 3px 3px 3px #666;
   margin-top: 30px;
 }
 
@@ -517,8 +534,8 @@ rightlisticon svg {
   background-color: @main-color;
   border: 1px solid @main-color;
   border-radius: 4px;
-  box-shadow: 3px 3px 3px #666;
-  margin-top: 1%;
+  // box-shadow: 3px 3px 3px #666;
+  margin-top: 30px;
 }
 
 .banrd-none {
@@ -528,8 +545,8 @@ rightlisticon svg {
   margin-left: 70px;
   background-color: #efefef;
   border: 1px solid #ccc;
-  border-radius: 15px;
-  box-shadow: 3px 3px 3px #666;
+  border-radius: 4px;
+  // box-shadow: 3px 3px 3px #666;
   margin-top: 30px;
 }
 
@@ -541,7 +558,7 @@ rightlisticon svg {
   background-color: #6da031;
   border: 1px solid #6da031;
   border-radius: 15px;
-  box-shadow: 3px 3px 3px #666;
+  // box-shadow: 3px 3px 3px #666;
   margin-top: 1%;
 }
 
@@ -553,7 +570,7 @@ rightlisticon svg {
   background-color: #fa2000;
   border: 1px solid #fa2000;
   border-radius: 15px;
-  box-shadow: 3px 3px 3px #666;
+  // box-shadow: 3px 3px 3px #666;
   margin-top: 1%;
 }
 
@@ -767,7 +784,13 @@ rightlisticon svg {
   font-size: 10px;
 }
 .roller {
+  display: inline-block;
+  width: 20%;
+  right:13%;
+  position: absolute;
+  max-width: 200px;
   height: 39px;
+  z-index: 999;
 }
 
 .pop-up::-webkit-scrollbar {
@@ -845,12 +868,13 @@ rightlisticon svg {
 }
 
 .resetAns {
-  position: absolute;
-  left: 7%;
-  color: white;
-  background-color: orangered;
-  padding: 9px;
+  color: rgb(0, 0, 0);
+  background-color: #d8d8d8;
   cursor: pointer;
+  font-size: 20px !important;
+ 
+  border-radius: 50%;
+  text-align: center;
 }
 
 .triggerbox div:hover {

HiTeachCC/ClientApp/src/assets/icons/svg/refresh.svg

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 367.136 367.136" style="enable-background:new 0 0 367.136 367.136;" xml:space="preserve">
+<path d="M336.554,86.871c-11.975-18.584-27.145-34.707-44.706-47.731L330.801,0H217.436v113.91L270.4,60.691
+	c40.142,28.131,65.042,74.724,65.042,124.571c0,83.744-68.13,151.874-151.874,151.874S31.694,269.005,31.694,185.262
+	c0-58.641,32.781-111.009,85.551-136.669l-13.119-26.979C73.885,36.318,48.315,59.1,30.182,87.494
+	c-18.637,29.184-28.488,62.991-28.488,97.768c0,100.286,81.588,181.874,181.874,181.874s181.874-81.588,181.874-181.874
+	C365.442,150.223,355.453,116.201,336.554,86.871z"/>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>