Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 6441 | Rev 6443 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 6441 Rev 6442
Línea 21... Línea 21...
21 
  border: 2px solid var(--border-primary);
 21 
  border: 2px solid var(--border-primary);
22 
  border-radius: 50px;
 22 
  border-radius: 50px;
23 
  cursor: pointer;
 23 
  cursor: pointer;
24 
  transition: all 200ms ease;
 24 
  transition: all 200ms ease;
25 
  position: relative;
 25 
  position: relative;
- 
 
 26 
  overflow: hidden;
Línea 26... Línea 27...
26 
 
 27 
 
27 
  input {
 28 
  input {
28 
    margin: 0 !important;
 29 
    margin: 0 !important;
Línea 37... Línea 38...
37 
    content: ' ';
 38 
    content: ' ';
38 
    position: absolute;
 39 
    position: absolute;
39 
    left: 0;
 40 
    left: 0;
40 
    top: 0;
 41 
    top: 0;
41 
    height: 100%;
 42 
    height: 100%;
42 
    width: ${(props) => props.$porcentage || '0%'};
 43 
    width: ${(props) => `${props.$porcentage}%` || '0%'};
43 
    background-color: #0006;
 44 
    background-color: #0006;
44 
    z-index: 4;
 45 
    z-index: 4;
45 
  }
 46 
  }
Línea 46... Línea 47...
46 
 
 47 
 
Línea 149... Línea 150...
149 
  return (
 150 
  return (
150 
    <form onChange={sendVote} className={styles.survey_form}>
 151 
    <form onChange={sendVote} className={styles.survey_form}>
151 
      <h3>{question}</h3>
 152 
      <h3>{question}</h3>
152 
      {resultType === 'pu' && (
 153 
      {resultType === 'pu' && (
153 
        <span>
 154 
        <span>
154 
          <PublicIcon /> El autor puede ver tu voto
 155 
          <PublicIcon /> Los resultados estaran disponibles al finalizar la
- 
 
 156 
          encuesta.
155 
        </span>
 157 
        </span>
156 
      )}
 158 
      )}
157 
      {resultType === 'pr' && (
 159 
      {resultType === 'pr' && (
158 
        <span>
 160 
        <span>
159 
          <LockClockIcon /> Tu voto es privado
 161 
          <LockClockIcon /> Los resultados de la votación son privados.
160 
        </span>
 162 
        </span>
161 
      )}
 163 
      )}
162 
      {answers.map(
 164 
      {answers.map(
163 
        (option, index) =>
 165 
        (option, index) =>
164 
          option && (
 166 
          option && (
165 
            <RadioButton disabled={!isActive} porcentage={'50%'} key={index}>
 167 
            <RadioButton disabled={!isActive} porcentage={50} key={index}>
166 
              <input
 168 
              <input
167 
                type="radio"
 169 
                type="radio"
168 
                name="vote"
 170 
                name="vote"
169 
                id={`vote-${index + 1}`}
 171 
                id={`vote-${index + 1}`}
170 
                disabled={!isActive}
 172 
                disabled={!isActive}